@littlemissrobot/sass-spacing - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

package.json

 {
   "name": "@littlemissrobot/sass-spacing",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Little Miss Robot spacing setup for defining spacing variables",
@@ -34,3 +34,3 @@ "main": "index.js",
     "@littlemissrobot/stylelint-config": "^1.1.0",
-    "browser-sync": "^2.26.7",
+    "browser-sync": "^2.26.12",
     "del": "^5.1.0",
@@ -43,8 +43,8 @@ "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",
-    "sass": "^1.26.8"
+    "@littlemissrobot/sass-functions": "^1.1.0"
   }
 }

README.md

@@ -37,3 +37,3 @@ # Little Miss Robot - Sass spacing
 ```scss
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _s;
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _spacing;
 ```
@@ -44,3 +44,3 @@
 ```scss
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _s with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _spacing with (
     $baseline: 8px,
@@ -55,3 +55,3 @@ $baseline-typo: 4px,
 
-3. Functionality of the library is now available through the namespace `_s`.
+3. Functionality of the library is now available through the namespace `_spacing`.
 4. After configuration, the library can be used throughout separate files with
@@ -61,4 +61,4 @@ partials:
 ```scss
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing/layout" as _sl;
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing/typography" as _st;
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing/layout" as _spacing-layout;
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 ```
@@ -90,3 +90,3 @@
 ```scss
-@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _s with (
+@use "YOUR-PATH-TO-NODE_MODULES/@littlemissrobot/sass-spacing" as _spacing with (
     $baseline: 8px,
@@ -240,8 +240,8 @@ $baseline-typo: 4px,
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
     $base-font-size: 16px
 );
 
-_s.rem(16px); // 1rem
-_s.rem(32px); // 2rem
+_spacing.rem(16px); // 1rem
+_spacing.rem(32px); // 2rem
 ```
@@ -251,8 +251,8 @@
 
-These are namespace with **l_**:
+These are namespace with **_spacing-layout**:
 
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s;
+@use "@littlemissrobot/sass-spacing" as _spacing;
 
-_s.l_step(1);
+_spacing.layout_step(1);
 ```
@@ -263,5 +263,5 @@
 ```scss
-@use "@littlemissrobot/sass-spacing/layout" as _sl;
+@use "@littlemissrobot/sass-spacing/layout" as _spacing-layout;
 
-_sl.step(1);
+_spacing-layout.step(1);
 ```
@@ -285,3 +285,3 @@
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
     $baseline: 8px,
@@ -293,10 +293,10 @@ $baseline-typo: 4px,
 
-@use "@littlemissrobot/sass-spacing/layout" as _sl;
+@use "@littlemissrobot/sass-spacing/layout" as _spacing-layout;
 
-_sl.step(1); // 0.5rem
-_sl.step(2); // 1rem
-_sl.step(1, _s.$baseline-typo); // 0.25rem
-_sl.step(2, _s.$baseline-typo); // 0.5rem
-_sl.step(1, _s.$baseline, "px"); // 8px
-_sl.step(2, _s.$baseline, "px"); // 16px
+_spacing-layout.step(1); // 0.5rem
+_spacing-layout.step(2); // 1rem
+_spacing-layout.step(1, _spacing.$baseline-typo); // 0.25rem
+_spacing-layout.step(2, _spacing.$baseline-typo); // 0.5rem
+_spacing-layout.step(1, _spacing.$baseline, "px"); // 8px
+_spacing-layout.step(2, _spacing.$baseline, "px"); // 16px
 ```
@@ -316,3 +316,3 @@
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
     $baseline: 8px,
@@ -324,16 +324,16 @@ $baseline-typo: 4px,
 
-@use "@littlemissrobot/sass-spacing/layout" as _sl;
+@use "@littlemissrobot/sass-spacing/layout" as _spacing-layout;
 
-_sl.snap(20px); // 24px
-_sl.step(19px); // 16px
-_sl.step(21px); // 24px
-_sl.step(32px); // 32px
-_sl.step(31px); // 32px
-_sl.step(1rem); // 1rem
-_sl.step(1.2rem); // 1rem
-_sl.step(1.3rem); // 1.5rem
-_sl.step(12px, _s.$baseline-typo); // 12px
-_sl.step(14px, _s.$baseline-typo); // 16px
-_sl.step(13px, _s.$baseline-typo); // 12px
-_sl.step(40px, _s.$baseline-typo); // 40px
+_spacing-layout.snap(20px); // 24px
+_spacing-layout.step(19px); // 16px
+_spacing-layout.step(21px); // 24px
+_spacing-layout.step(32px); // 32px
+_spacing-layout.step(31px); // 32px
+_spacing-layout.step(1rem); // 1rem
+_spacing-layout.step(1.2rem); // 1rem
+_spacing-layout.step(1.3rem); // 1.5rem
+_spacing-layout.step(12px, _spacing.$baseline-typo); // 12px
+_spacing-layout.step(14px, _spacing.$baseline-typo); // 16px
+_spacing-layout.step(13px, _spacing.$baseline-typo); // 12px
+_spacing-layout.step(40px, _spacing.$baseline-typo); // 40px
 ```
@@ -343,8 +343,8 @@
 
-These are namespace with **t_**:
+These are namespace with **typography_**:
 
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s;
+@use "@littlemissrobot/sass-spacing" as _spacing;
 
-_s.t_ratio(1);
+_spacing.typography_ratio(1);
 ```
@@ -355,5 +355,5 @@
 ```scss
-@use "@littlemissrobot/sass-spacing/typography" as _st;
+@use "@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 
-_st.ratio(1);
+_spacing-typography.ratio(1);
 ```
@@ -375,3 +375,3 @@
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
 	$base-font-size: 16px,
@@ -381,10 +381,10 @@ $ratio: "minor-second",
 
-@use "@littlemissrobot/sass-spacing/typography" as _st;
+@use "@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 
-_st.ratio(1); // 1rem
-_st.ratio(1, "px"); // 16px
-_st.ratio(5); // 1.296rem
-_st.ratio(5, "px"); // 20.739px
-_st.ratio(-5); // 0.723em
-_st.ratio(-5, "px"); // 11.569px
+_spacing-typography.ratio(1); // 1rem
+_spacing-typography.ratio(1, "px"); // 16px
+_spacing-typography.ratio(5); // 1.296rem
+_spacing-typography.ratio(5, "px"); // 20.739px
+_spacing-typography.ratio(-5); // 0.723em
+_spacing-typography.ratio(-5, "px"); // 11.569px
 ```
@@ -404,3 +404,3 @@
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
 	$baseline: 8px,
@@ -413,8 +413,8 @@ $system: "linear",
 
-@use "@littlemissrobot/sass-spacing/typography" as _st;
+@use "@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 
-_st.line-height(16px); // 24px
-_st.line-height(32px); // 48px
-_st.line-height(_st.ratio(5)); // 2rem
-_st.line-height(32px, 1.2); // 2.5rem
+_spacing-typography.line-height(16px); // 24px
+_spacing-typography.line-height(32px); // 48px
+_spacing-typography.line-height(_spacing-typography.ratio(5)); // 2rem
+_spacing-typography.line-height(32px, 1.2); // 2.5rem
 ```
@@ -431,10 +431,10 @@
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
 	$base-font-size: 16px,
 );
 
-@use "@littlemissrobot/sass-spacing/typography" as _st;
+@use "@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 
 :root {
-	@include st.root(); // font-size: 100%;
+	@include _spacing-typography.root(); // font-size: 100%;
 }
@@ -444,11 +444,11 @@ ```
 ```scss
-@use "@littlemissrobot/sass-spacing" as _s with (
+@use "@littlemissrobot/sass-spacing" as _spacing with (
 	$base-font-size: 10px,
 );
 
-@use "@littlemissrobot/sass-spacing/typography" as _st;
+@use "@littlemissrobot/sass-spacing/typography" as _spacing-typography;
 
 :root {
-	@include st.root(); // font-size: 62.5%;
+	@include _spacing-typography.root(); // font-size: 62.5%;
 }
 ```

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

59298

increased by14.01%

Dependency count

1

decreased by-50%

Number of package files

34

increased by3.03%

Worsened metrics

Dev dependency count

11

increased by10%

Dependency changes

• - Removedsass@^1.26.8

• Updated@littlemissrobot/sass-functions@^1.1.0