Permalink
Browse files

media queries deliberately placed after primary styles as they do not…

… increase selector specificity.
  • Loading branch information...
1 parent 10d0ea8 commit bc8ac592ee5633150054fb1c1a06c8d1385b6be0 @paulirish paulirish committed Oct 23, 2010
Showing with 19 additions and 26 deletions.
  1. +19 −26 css/style.css
View
@@ -229,38 +229,13 @@ button { width: auto; overflow: visible; }
-/*
- * print styles
- * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
- */
-@media print {
- * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
-
- 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 */
-
- pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-
- 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.
*/
@media all and (orientation:portrait) {
@@ -283,3 +258,21 @@ button { width: auto; overflow: visible; }
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
+/*
+ * print styles
+ * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
+ */
+@media print {
+ * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+ 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 */
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ 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; }
+}
+

0 comments on commit bc8ac59

Please sign in to comment.