sass-mq - npm Package Compare versions

Comparing version 6.0.0-beta.1 to 6.0.0

CHANGELOG.md

@@ -8,9 +8,15 @@ # Change Log
 
-## Unreleased
+<!-- ## Unreleased -->
 
-This is a major version bump that contains breaking changes. It adds support for the [new Sass module system](https://sass-lang.com/blog/the-module-system-is-launched) and dropping support for deprecated versions of Sass. No new features were added.
+## v6.0.0 - 2022-01-10
 
+This is a major version bump that contains breaking changes. It adds support for the [new Sass module system](https://sass-lang.com/blog/the-module-system-is-launched), drops support for Eyeglass, and drops support for deprecated versions of Sass. No new features were added.
+
+See the updated [README](https://github.com/sass-mq/sass-mq/blob/main/README.md) for instructions on how to use this new version of Sass MQ.
+
+🙌 A huge thanks to [Rodrigo](https://github.com/area73) for his contribution on this major release.
+
 ### Added
 
-- Support for dart-sass@1.35.1
+- Support for dart-sass >= 1.35.1
 - Test suite using [Jest](https://jestjs.io/) and [True](https://www.oddbird.net/true/), a unit-testing framework designed specifically for the Sass language
@@ -21,2 +27,3 @@
 - Dropped tests for Sass engines other than dart-sass
+- Dropped support for [Eyeglass](https://github.com/linkedin/eyeglass)
 - Dropped deprecated var `$mq-base-font-size` (https://github.com/sass-mq/sass-mq/pull/123)
@@ -23,0 +30,0 @@ - Dropped compatibility with browsers that don’t support media queries:

package.json

 {
   "name": "sass-mq",
   "description": "mq() is a Sass mixin that helps manipulating media queries in an elegant way.",
-  "version": "6.0.0-beta.1",
+  "version": "6.0.0",
   "keywords": [
@@ -12,4 +12,3 @@ "responsive",
     "queries",
-    "media",
-    "eyeglass-module"
+    "media"
   ],
@@ -54,9 +53,3 @@ "ignore": [
   "homepage": "https://sass-mq.github.io/sass-mq/",
-  "eyeglass": {
-    "needs": ">= 0.8.2",
-    "sassDir": "./_mq.scss",
-    "exports": false
-  },
   "devDependencies": {
-    "eyeglass": "^3.0.3",
     "glob": "^7.1.7",
@@ -63,0 +56,0 @@ "jest": "^27.0.4",

README.md

@@ -18,6 +18,6 @@ <div align="center">
   $breakpoints: (
-    mobile:  320px,
-    tablet:  740px,
+    mobile: 320px,
+    tablet: 740px,
     desktop: 980px,
-    wide:    1300px
+    wide: 1300px,
   )
@@ -62,4 +62,4 @@ );
    - with [Bower](http://bower.io/ 'Bower: A package manager for the web'): `bower install sass-mq --save`
-   - with [npm](https://www.npmjs.com/): `npm install sass-mq --save` _supports [eyeglass](https://github.com/sass-eyeglass/eyeglass)_
-   - with [yarn](https://www.yarnpkg.com/): `yarn add sass-mq` _supports [eyeglass](https://github.com/sass-eyeglass/eyeglass)_
+   - with [npm](https://www.npmjs.com/): `npm install sass-mq --save`
+   - with [yarn](https://www.yarnpkg.com/): `yarn add sass-mq`
 
@@ -88,7 +88,7 @@ OR [Download \_mq.scss](https://raw.github.com/sass-mq/sass-mq/main/_mq.scss) into your Sass project.
 // to this list, ordered by width. For examples: (mobile, tablet, desktop).
-$breakpoints-shown: (mobile, mobileLandscape, tablet, desktop, wide);
+$show-breakpoints: (mobile, mobileLandscape, tablet, desktop, wide);
 
 @use 'path/to/mq' with (
   $breakpoints: $breakpoints,
-  $show-breakpoints: $breakpoints-shown,
+  $show-breakpoints: $show-breakpoints
 );
@@ -279,2 +279,6 @@ ```
 $show-breakpoints: (phone, phablet, tablet);
+
+@use 'path/to/mq' with (
+  $show-breakpoints: $show-breakpoints
+);
 ```
@@ -292,3 +296,5 @@
 ```scss
-@use 'mq' with ($media-type: screen);
+@use 'mq' with (
+  $media-type: screen
+);
 
@@ -295,0 +301,0 @@ .screen-only-element {

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

23892

increased by1.46%

Dev dependency count

5

decreased by-16.67%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

390

increased by1.56%

No dependency changes