Skip to content

v5.0.0

Compare
Choose a tag to compare
@kaelig kaelig released this 29 May 19:30
· 42 commits to main since this release

⭐️ 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.