stylesheets/html5-boilerplate/_media.scss in html5-boilerplate-0.3.3 vs stylesheets/html5-boilerplate/_media.scss in html5-boilerplate-1.0.0
- old
+ new
@@ -1,21 +1,7 @@
@mixin html5-boilerplate-media {
- @media print {
- @include media-print;
- }
-
- @media all and (orientation:portrait) {
- @include media-orientation-portrait;
- }
-
- @media all and (orientation:landscape) {
- @include media-orientation-landscape;
- }
-
- @media screen and (max-device-width: 480px) {
- @include media-mobile;
- }
+ @warn "The 'html5-boilerplate-media' mixin has been deprecated.";
}
//
// Print styles
// Inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
@@ -28,33 +14,22 @@
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } // Don't show links for images, or javascript/internal links
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; }
+ img { max-width: 100% !important; }
@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
+ @warn "The 'media-orientation-portrait' mixin has been deprecated.";
}
@mixin media-orientation-landscape {
- // Style adjustments for landscape mode goes here
+ @warn "The 'media-orientation-landscape' mixin has been deprecated.";
}
-// Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
-// consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold
@mixin media-mobile($optimize: true) {
- // j.mp/textsizeadjust
- @if not $optimize {
- // Don't allow iOS and WinMobile to mobile-optimize text
- html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
- }
+ @warn "The 'media-mobile' mixin has been deprecated.";
}