This repository has been archived by the owner on Jun 11, 2024. It is now read-only.
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