@littlemissrobot/sass-breakpoints - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

package.json

 {
   "name": "@littlemissrobot/sass-breakpoints",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Little Miss Robot breakpoints setup for defining breakpoints and applying media queries",
@@ -32,3 +32,3 @@ "main": "index.js",
     "@littlemissrobot/stylelint-config": "^1.1.0",
-    "browser-sync": "^2.26.7",
+    "browser-sync": "^2.26.12",
     "del": "^5.1.0",
@@ -41,9 +41,9 @@ "gulp": "^4.0.2",
     "postcss-preset-env": "^6.7.0",
-    "postcss-scss": "^2.1.1"
+    "postcss-scss": "^2.1.1",
+    "sass": "^1.26.10"
   },
   "dependencies": {
-    "@littlemissrobot/sass-functions": "^1.0.0",
-    "@littlemissrobot/sass-spacing": "^1.0.1",
-    "sass": "^1.26.8"
+    "@littlemissrobot/sass-functions": "^1.1.1",
+    "@littlemissrobot/sass-spacing": "^1.1.1"
   }
 }

README.md

@@ -37,3 +37,3 @@ # Little Miss Robot - Sass breakpoints
 ```scss
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _b;
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _breakpoints;
 ```
@@ -45,3 +45,3 @@
 // Dependency
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _s with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _spacing with (
     $base-font-size: 16px
@@ -51,3 +51,3 @@ );
 // Library
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _b with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -63,3 +63,3 @@ viewport-3: 360px,
 
-3. Functionality of the library is now available through the namespace `_b`.
+3. Functionality of the library is now available through the namespace `_breakpoints`.
 
@@ -99,3 +99,3 @@ ## Concept
 // Dependency
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _s with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _spacing with (
     $base-font-size: 16px
@@ -105,3 +105,3 @@ );
 // Library
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _b with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -152,3 +152,3 @@ viewport-3: 360px,
 ```scss
-@use "@littlemissrobot/sass-breakpoints" as _b with (
+@use "@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -162,3 +162,3 @@ viewport-7: 720px
     // Name of the breakpoint
-    @include _b.at("viewport-7") {
+    @include _breakpoints.at("viewport-7") {
         background-color: blue;
@@ -168,3 +168,3 @@ }
     // Number in pixels
-    @include _b.at(720px) {
+    @include _breakpoints.at(720px) {
         background-color: blue;
@@ -175,3 +175,3 @@ }
 // Name of the breakpoint
-@include _b.at("viewport-7") {
+@include _breakpoints.at("viewport-7") {
 
@@ -184,3 +184,3 @@ body {
 // Number in pixels
-@include _b.at(720px) {
+@include _breakpoints.at(720px) {
 
@@ -207,3 +207,3 @@ body {
 ```scss
-@use "@littlemissrobot/sass-breakpoints" as _b with (
+@use "@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -217,3 +217,3 @@ viewport-7: 720px
     // Name of the breakpoint
-    @include _b.to("viewport-7") {
+    @include _breakpoints.to("viewport-7") {
         background-color: blue;
@@ -223,3 +223,3 @@ }
     // Number in pixels
-    @include _b.to(720px) {
+    @include _breakpoints.to(720px) {
         background-color: blue;
@@ -230,3 +230,3 @@ }
 // Name of the breakpoint
-@include _b.to("viewport-7") {
+@include _breakpoints.to("viewport-7") {
 
@@ -239,3 +239,3 @@ body {
 // Number in pixels
-@include _b.to(720px) {
+@include _breakpoints.to(720px) {
 
@@ -268,3 +268,3 @@ body {
 ```scss
-@use "@littlemissrobot/sass-breakpoints" as _b with (
+@use "@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -279,3 +279,3 @@ viewport-7: 720px,
     // Name of the breakpoint
-    @include _b.between("viewport-7", "viewport-9") {
+    @include _breakpoints.between("viewport-7", "viewport-9") {
         background-color: blue;
@@ -285,3 +285,3 @@ }
     // Number in pixels
-    @include _b.between(720px, 992px) {
+    @include _breakpoints.between(720px, 992px) {
         background-color: blue;
@@ -292,3 +292,3 @@ }
 // Name of the breakpoint
-@include _b.between("viewport-7", "viewport-9") {
+@include _breakpoints.between("viewport-7", "viewport-9") {
 
@@ -301,3 +301,3 @@ body {
 // Number in pixels
-@include _b.between(720px, 992px) {
+@include _breakpoints.between(720px, 992px) {
 
@@ -327,3 +327,3 @@ body {
 ```scss
-@use "@littlemissrobot/sass-breakpoints" as _b with (
+@use "@littlemissrobot/sass-breakpoints" as _breakpoints with (
     $viewports: (
@@ -339,3 +339,3 @@ viewport-4: 480px,
 
-	@include _b.suffixicate(
+	@include _breakpoints.suffixicate(
 		$at: (viewport-7, viewport-9),
@@ -342,0 +342,0 @@ $to: (viewport-4, viewport-12)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20772

increased by1.98%

Dependency count

2

decreased by-33.33%

Worsened metrics

Dev dependency count

11

increased by10%

Dependency changes

• - Removedsass@^1.26.8

• Updated@littlemissrobot/sass-functions@^1.1.1

• Updated@littlemissrobot/sass-spacing@^1.1.1