v5.0.0
⭐️ Upgrading to v5.0.0 is recommended ⭐️
(for most projects, upgrading sass-mq should not cause any changes in output)
print
media queries handled via @include mq($media-type: 'print') {}
are now omitted when responsive mode is off ($mq-responsive: false;
), instead of being (wrongly) rasterized. This fixes a bug where non-responsive stylesheets served to older browsers (such as IE8) would display print-only styles.
$mq-responsive: false;
@include mq($media-type: 'print') {
/* This block is omitted in v5 when mq-responsive is set to false */
.print-only {
display: none;
}
}
@media print {
/* Normal media query: will appear in the output */
.print-only {
display: none;
}
}
Outputs:
- /* This block is omitted in v5 when mq-responsive is set to false */
- .print-only {
- display: none;
- }
@media print {
/* Normal media query: gets outputted in v4 and v5 */
.print-only {
display: none;
}
}
Huge thanks to @36degrees for the contribution in #111.