eddiemachado пре 13 година
родитељ
комит
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
 
@@ -15,17 +15,17 @@ of the styles inside media queries.
 // IMPORTING STYLES
 //
 
-// import normalize 
+// import normalize
 @import "normalize.less";
 
-// import mixins 
+// import mixins
 @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
@@ -33,68 +33,68 @@ you can add resource intensive styles.
 
 /*
 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
 tweeners.
 */
 @media only screen and (min-width: 481px) {
-	
-	// styles in 481up.less 
+
+	// styles in 481up.less
 	@import "481up.less";
 
-} // end of media query 
+} // end of media query
 
 /*
 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
 you can add resource intensive styles.
 */
 @media only screen and (min-width: 768px) {
-	
-	// styles in 768up.less 
+
+	// styles in 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
 you can add resource intensive styles.
 */
 @media only screen and (min-width: 1030px) {
-	
-	// styles in 1030up.less 
+
+	// styles in 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.
 */
 @media only screen and (min-width: 1240px) {
-	
-	// styles in 1240up.less 
+
+	// styles in 1240up.less
 	@import "1240up.less";
 
-} // end of media query 
+} // end of media query
 
 /*
 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
 query for retina AND a certain size if you want. Go Nuts.
 */
 @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-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
@@ -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
 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;
-    } 
-    
-    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,
-    .page-navigation, 
+    .page-navigation,
     .wp-prev-next,
     .respond-form,
     nav {
     	display: none;
     }
-}
+}