eddiemachado 13 лет назад
Родитель
Сommit
1cbd87275e
1 измененных файлов с 89 добавлено и 89 удалено
  1. 89 89
      library/less/style.less

+ 89 - 89
library/less/style.less

@@ -1,6 +1,6 @@
 /******************************************************************
 /******************************************************************
-Site Name: 
-Author: 
+Site Name:
+Author:
 
 
 Stylesheet: Main Stylesheet
 Stylesheet: Main Stylesheet
 
 
@@ -15,17 +15,17 @@ of the styles inside media queries.
 // IMPORTING STYLES
 // IMPORTING STYLES
 //
 //
 
 
-// import normalize 
+// import normalize
 @import "normalize.less";
 @import "normalize.less";
 
 
-// import mixins 
+// import mixins
 @import "mixins.less";
 @import "mixins.less";
 
 
 /*
 /*
-BASE (MOBILE) SIZE 
-This is the average viewing window. So Desktops, Laptops, and 
-in general anyone not viewing on a mobile device. Here's where
-you can add resource intensive styles.
+BASE (MOBILE) SIZE
+This are the mobile styles. It's what people see on their phones. If
+you set a great foundation, you won't need to add too many styles in
+the other stylesheets. Remember, keep it light: Speed is Important.
 */
 */
 
 
 // styles in base.less
 // styles in base.less
@@ -33,68 +33,68 @@ you can add resource intensive styles.
 
 
 /*
 /*
 LARGER MOBILE DEVICES
 LARGER MOBILE DEVICES
-This is for devices like the Galaxy Note or something that's 
+This is for devices like the Galaxy Note or something that's
 larger than an iPhone but smaller than a tablet. Let's call them
 larger than an iPhone but smaller than a tablet. Let's call them
 tweeners.
 tweeners.
 */
 */
 @media only screen and (min-width: 481px) {
 @media only screen and (min-width: 481px) {
-	
-	// styles in 481up.less 
+
+	// styles in 481up.less
 	@import "481up.less";
 	@import "481up.less";
 
 
-} // end of media query 
+} // end of media query
 
 
 /*
 /*
 TABLET & SMALLER LAPTOPS
 TABLET & SMALLER LAPTOPS
-This is the average viewing window. So Desktops, Laptops, and 
+This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
 you can add resource intensive styles.
 */
 */
 @media only screen and (min-width: 768px) {
 @media only screen and (min-width: 768px) {
-	
-	// styles in 768up.less 
+
+	// styles in 768up.less
 	@import "768up.less";
 	@import "768up.less";
 
 
-} // end of media query 
+} // end of media query
 
 
 /*
 /*
-DESKTOP 
-This is the average viewing window. So Desktops, Laptops, and 
+DESKTOP
+This is the average viewing window. So Desktops, Laptops, and
 in general anyone not viewing on a mobile device. Here's where
 in general anyone not viewing on a mobile device. Here's where
 you can add resource intensive styles.
 you can add resource intensive styles.
 */
 */
 @media only screen and (min-width: 1030px) {
 @media only screen and (min-width: 1030px) {
-	
-	// styles in 1030up.less 
+
+	// styles in 1030up.less
 	@import "1030up.less";
 	@import "1030up.less";
 
 
-} // end of media query 
+} // end of media query
 
 
 /*
 /*
-LARGE VIEWING SIZE 
+LARGE VIEWING SIZE
 This is for the larger monitors and possibly full screen viewers.
 This is for the larger monitors and possibly full screen viewers.
 */
 */
 @media only screen and (min-width: 1240px) {
 @media only screen and (min-width: 1240px) {
-	
-	// styles in 1240up.less 
+
+	// styles in 1240up.less
 	@import "1240up.less";
 	@import "1240up.less";
 
 
-} // end of media query 
+} // end of media query
 
 
 /*
 /*
 RETINA (2x RESOLUTION DEVICES)
 RETINA (2x RESOLUTION DEVICES)
-This applies to the retina iPhone (4s) and iPad (2,3) along with 
+This applies to the retina iPhone (4s) and iPad (2,3) along with
 other displays with a 2x resolution. You can also create a media
 other displays with a 2x resolution. You can also create a media
 query for retina AND a certain size if you want. Go Nuts.
 query for retina AND a certain size if you want. Go Nuts.
 */
 */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min--moz-device-pixel-ratio: 1.5),
        only screen and (min--moz-device-pixel-ratio: 1.5),
        only screen and (min-device-pixel-ratio: 1.5) {
        only screen and (min-device-pixel-ratio: 1.5) {
-	
-	// styles in 2x.less 
-	@import "2x.less"; 
 
 
-} // end of media query 
+	// styles in 2x.less
+	@import "2x.less";
+
+} // end of media query
 
 
 /*
 /*
 PRINT STYLESHEET
 PRINT STYLESHEET
@@ -102,73 +102,73 @@ Feel free to customize this. Remember to add things that won't make
 sense to print at the bottom. Things like nav, ads, and forms should
 sense to print at the bottom. Things like nav, ads, and forms should
 be set to display none.
 be set to display none.
 */
 */
-@media print { 
-	* { 
-		background: transparent !important; 
-		color: black !important; 
-		text-shadow: none !important; 
-		filter:none !important; 
-		-ms-filter: none !important; 
-	} 
-	
-	a, a:visited { 
-		color: #444 !important; 
-		text-decoration: underline; 
-		
-		// show links on printed pages 
-		&:after { 
-			content: " (" attr(href) ")"; 
+@media print {
+	* {
+		background: transparent !important;
+		color: black !important;
+		text-shadow: none !important;
+		filter:none !important;
+		-ms-filter: none !important;
+	}
+
+	a, a:visited {
+		color: #444 !important;
+		text-decoration: underline;
+
+		// show links on printed pages
+		&:after {
+			content: " (" attr(href) ")";
 		}
 		}
-		
-		// show title too 
-		abbr[title]:after { 
-			content: " (" attr(title) ")"; 
+
+		// show title too
+		abbr[title]:after {
+			content: " (" attr(title) ")";
 		}
 		}
-	} 
-	
-	.ir a:after, 
-	a[href^="javascript:"]:after, 
-	a[href^="#"]:after { 
-		content: ""; 
-	} 
-	
-	pre, blockquote { 
-		border: 1px solid #999; 
-		page-break-inside: avoid; 
-	} 
-	
-	thead { 
-		display: table-header-group; 
-	} 
-	
-	tr, img { 
-		page-break-inside: avoid; 
-	} 
-	
-	img { 
-		max-width: 100% !important; 
 	}
 	}
-    
-    @page { 
+
+	.ir a:after,
+	a[href^="javascript:"]:after,
+	a[href^="#"]:after {
+		content: "";
+	}
+
+	pre, blockquote {
+		border: 1px solid #999;
+		page-break-inside: avoid;
+	}
+
+	thead {
+		display: table-header-group;
+	}
+
+	tr, img {
+		page-break-inside: avoid;
+	}
+
+	img {
+		max-width: 100% !important;
+	}
+
+    @page {
     	margin: 0.5cm;
     	margin: 0.5cm;
-    } 
-    
-    p, h2, h3 { 
-    	orphans: 3; 
-    	widows: 3; 
-    } 
-    
-    h2, 
-    h3 { 
-    	page-break-after: avoid; 
     }
     }
-    
-    // hide content people who print don't need to see 
+
+    p, h2, h3 {
+    	orphans: 3;
+    	widows: 3;
+    }
+
+    h2,
+    h3 {
+    	page-break-after: avoid;
+    }
+
+    // hide content people who print don't need to see
     .sidebar,
     .sidebar,
-    .page-navigation, 
+    .page-navigation,
     .wp-prev-next,
     .wp-prev-next,
     .respond-form,
     .respond-form,
     nav {
     nav {
     	display: none;
     	display: none;
     }
     }
-}
+}