_media.scss in html5-boilerplate-0.1.1

- old
+ new

@@ -10,31 +10,31 @@
   @media all and (orientation:landscape) {
     @include media-orientation-landscape;
   }
 
   @media screen and (max-device-width: 480px) {
-    @include media-mobile;
+    @include media-mobile(false);
   }
 }
 
 //
 // print styles
 // 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; }
+  * { 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 */
-
+  
+  .ir a:after { content: ""; }  // Don't show links for images
+  
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-
+  
   img { page-break-inside: avoid; }
 
   @page { margin: 0.5cm; }
 
   p, h2, h3 { orphans: 3; widows: 3; }
@@ -55,9 +55,11 @@
   // Style adjustments for landscape mode goes here
 }
 
 // Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
 // Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
-@mixin media-mobile {
-  // Prevent iOS, WinMobile from adjusting font size
-  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+@mixin media-mobile($optimize: true) {
+  // j.mp/textsizeadjust
+  @if not $optimize {
+    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+  }
 }