@littlemissrobot/sass-breakpoints
Advanced tools
Comparing version 2.0.4 to 2.0.5
{ | ||
"name": "@littlemissrobot/sass-breakpoints", | ||
"version": "2.0.4", | ||
"version": "2.0.5", | ||
"description": "Little Miss Robot breakpoints setup for defining breakpoints and applying media queries.", | ||
@@ -8,3 +8,4 @@ "main": "index.scss", | ||
"start": "sass tests.scss:dist/tests.css --watch --load-path=node_modules", | ||
"lint": "stylelint './lib/**/*.scss'" | ||
"lint": "stylelint './lib/**/*.scss'", | ||
"test": "sass tests.scss:dist/tests.css --load-path=node_modules" | ||
}, | ||
@@ -31,4 +32,4 @@ "repository": { | ||
"dependencies": { | ||
"@littlemissrobot/sass-functions": "^2.0.5", | ||
"sass": "1.32.2" | ||
"@littlemissrobot/sass-functions": "^2.0.6", | ||
"sass": "1.38.1" | ||
}, | ||
@@ -35,0 +36,0 @@ "devDependencies": { |
@@ -36,4 +36,17 @@ # Little Miss Robot - Sass breakpoints (DEV) | ||
## Publish to npm | ||
1. Change the version in the package.json to the wanted version number. | ||
Examples: | ||
**2.0.5 -> 2.0.6**: for a small patch. | ||
**2.0.5 -> 3.0.0**: for a breaking change. | ||
2. Run `npm install -g npm-check-updates && ncu -u "/^@littlemissrobot/.*$/" && npm install`. | ||
3. Push your changes to `master`. | ||
4. Manually run the `Publish to NPM` step in the pipelines when the automated steps have succesfully finished. | ||
## Contact | ||
- sebastien@littlemissrobot.com |
@@ -27,4 +27,2 @@ # Little Miss Robot - Sass breakpoints | ||
```sh | ||
# As a dependency | ||
$ npm install @littlemissrobot/sass-breakpoints | ||
# As a dev-dependency | ||
@@ -81,7 +79,7 @@ $ npm install --save-dev @littlemissrobot/sass-breakpoints | ||
$viewports: ( | ||
vp-3: 360px, | ||
vp-4: 480px, | ||
vp-7: 720px, | ||
vp-9: 992px, | ||
vp-12: 1200px, | ||
vp-3: 360px, | ||
vp-4: 480px, | ||
vp-7: 720px, | ||
vp-9: 992px, | ||
vp-12: 1200px, | ||
); | ||
@@ -116,6 +114,6 @@ ``` | ||
body { | ||
// Name of the breakpoint | ||
@include _breakpoints.at("vp-7") { | ||
background-color: blue; | ||
} | ||
// Name of the breakpoint | ||
@include _breakpoints.at("vp-7") { | ||
background-color: blue; | ||
} | ||
} | ||
@@ -125,5 +123,5 @@ | ||
@include _breakpoints.at("vp-7") { | ||
body { | ||
background-color: blue; | ||
} | ||
body { | ||
background-color: blue; | ||
} | ||
} | ||
@@ -151,6 +149,6 @@ ``` | ||
body { | ||
// Name of the breakpoint | ||
@include _breakpoints.to("vp-7") { | ||
background-color: blue; | ||
} | ||
// Name of the breakpoint | ||
@include _breakpoints.to("vp-7") { | ||
background-color: blue; | ||
} | ||
} | ||
@@ -160,5 +158,5 @@ | ||
@include _breakpoints.to("vp-7") { | ||
body { | ||
background-color: blue; | ||
} | ||
body { | ||
background-color: blue; | ||
} | ||
} | ||
@@ -191,6 +189,6 @@ ``` | ||
body { | ||
// Name of the breakpoint | ||
@include _breakpoints.between("vp-7", "vp-9") { | ||
background-color: blue; | ||
} | ||
// Name of the breakpoint | ||
@include _breakpoints.between("vp-7", "vp-9") { | ||
background-color: blue; | ||
} | ||
} | ||
@@ -200,6 +198,6 @@ | ||
@include _breakpoints.between("vp-7", "vp-9") { | ||
body { | ||
background-color: blue; | ||
} | ||
body { | ||
background-color: blue; | ||
} | ||
} | ||
``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
8927
196
- Removedsass@1.32.2(transitive)
Updatedsass@1.38.1