stylesheets/html5-boilerplate/_media.scss in html5-boilerplate-0.2.4 vs stylesheets/html5-boilerplate/_media.scss in html5-boilerplate-0.2.5
- old
+ new
@@ -16,38 +16,29 @@
}
}
//
// print styles
-// inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
+// inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
@mixin media-print {
- * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
-
+ * { background: transparent !important; color: black !important; text-shadow: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited { color: #444 !important; text-decoration: underline; }
-
- a:after { content: " (" attr(href) ")"; }
-
- abbr:after { content: " (" attr(title) ")"; }
-
- .ir a:after { content: ""; } // Don't show links for images
-
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after { content: ""; } /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-
- thead { display: table-header-group; } // css-discuss.incutio.com/wiki/Printing_Tables
-
+ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
-
@page { margin: 0.5cm; }
-
p, h2, h3 { orphans: 3; widows: 3; }
-
h2, h3{ page-break-after: avoid; }
}
//
// Media queries for responsive design
+// These follow after primary styles so they will successfully override.
//
@mixin media-orientation-portrait {
// Style adjustments for portrait mode goes here
}