Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

v2.0.0

Latest
Compare
Choose a tag to compare
@martinbroos martinbroos released this 28 Jan 13:07

FIXES

  • Fixes deprecation warnings for using / as division in dart-sass (More info)

Breaking Changes

  • Dart-sass is now required and support for node-sass dropped
  • svg-uri is no longer a dependency but can be used as a tool
  • sass-mq is now a peer dependency with min version of 6.x

npm install sass-mq@6 -D

sass-mq now uses sass modules by default which could create some conflicts when using it as global css include.
Easy fix is replacing @import '~sass-mq'; with @import '~sass-mq/_mq.import.scss';

And when using css modules you could either use global settings and include sass-mq in each file:

@use '../../../../src/scss/settings/breakpoints';
@use 'sass-mq/mq' as * with ($breakpoints: breakpoints.$breakpoints);

or make a global helper so the breakpoints only have to be set once:

css module:

@use '../../../scss/tools/mq' as *;

global helper:

@use '../settings/breakpoints';
@forward '~sass-mq/_mq' with ($breakpoints: breakpoints.$breakpoints);

Note that before $mq-breakpoints was used and now this $breakpoints