Socket
Socket
Sign inDemoInstall

@littlemissrobot/sass-breakpoints

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@littlemissrobot/sass-breakpoints - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

9

package.json
{
"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;
}
}
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc