Skip to content

Releases: sass-mq/sass-mq

v5.0.1

12 Jul 21:33
Compare
Choose a tag to compare

Deprecated the $mq-base-font-size setting, as modifying it breaks things (#123)

v5.0.0

29 May 19:30
Compare
Choose a tag to compare

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

v4.0.2

14 Jan 18:12
Compare
Choose a tag to compare
  • Chore: synced version in package-lock.json with the one in package.json
  • Chore: point the npm homepage URL to https://sass-mq.github.io/sass-mq/ (instead of the http URL)

v4.0.1

14 Jan 18:04
Compare
Choose a tag to compare
  • Docs: Small SassDoc annotation fix
  • Chore: documentation now gets generated to /docs instead of a gh-pages branch
  • Chore: Dropped support for diamondpkg as it seems like it's discontinued
  • Chore: Updated dart-sass to the latest version

v4.0.0

13 Jan 18:10
Compare
Choose a tag to compare

⭐️ Upgrading to v4.0.0 is recommended ⭐️
(for most projects, upgrading sass-mq should not cause any changes in output)

New breakpoints added via mq-add-breakpoint() keeps $mq-breakpoints ordered from the smallest to the largest breakpoint:

$mq-breakpoints: (
    mobile: 300px,
    tablet: 620px
);

@import 'mq';

@include mq-add-breakpoint(tiny, 160px);
@include mq-add-breakpoint(medium, 500px);

// Results in:
// $mq-breakpoints: (
//     tiny:   160px,
//     mobile: 300px,
//     medium: 500px,
//     tablet: 620px
// );

See #103 for details

v3.3.2

23 Dec 17:22
Compare
Choose a tag to compare
  • Fixed the Eyeglass compatibility range
  • Updated devDependencies

Update recommended for eyeglass users

Package.json syntax fix

02 Nov 05:22
Compare
Choose a tag to compare

Fixed an issue where the link to GitHub wouldn't show on https://www.npmjs.com/package/sass-mq

Dart Sass support and improved tests

02 Nov 05:16
Compare
Choose a tag to compare
  • Fully tested for Dart Sass support (#95)
  • Various tests and documentation improvements

Dependency update

30 Jan 18:43
Compare
Choose a tag to compare

This is a recommended update for all users of Eyeglass.

  • Now compatible with Eyeglass 0.8.x
  • Improved test suite feedback
  • Use the latest version of SassDoc to compile the documentation

v3.3.0-beta.1

15 Sep 23:32
Compare
Choose a tag to compare
v3.3.0-beta.1 Pre-release
Pre-release

See #65.