Socket
Socket
Sign inDemoInstall

sass-mq

Package Overview
Dependencies
Maintainers
2
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sass-mq - npm Package Compare versions

Comparing version 3.3.2 to 4.0.0-beta.1

2

package.json
{
"name": "sass-mq",
"description": "mq() is a Sass mixin that helps manipulating media queries in an elegant way.",
"version": "3.3.2",
"version": "4.0.0-beta.1",
"keywords": [

@@ -6,0 +6,0 @@ "responsive",

@@ -186,2 +186,45 @@ # Media Queries with superpowers [![Build Status](https://api.travis-ci.org/sass-mq/sass-mq.svg?branch=master)](https://travis-ci.org/sass-mq/sass-mq)

### Verbose and shortand notations
Sometimes you’ll want to be extra verbose (e.g. if you’re developing a
library based on top of sass-mq), however for readability in a codebase,
the shorthand notation is recommended.
All of these examples output the exact same thing, and are here for
reference so you can use the notation that best matches your needs:
```scss
// Verbose
@include mq(
$from: false,
$until: desktop,
$and: false,
$media-type: $mq-media-type // defaults to 'all'
) {
.foo {}
}
// Omitting argument names
@include mq(
false,
desktop,
false,
$mq-media-type
) {
.foo {}
}
// Omitting tailing arguments
@include mq(false, desktop) {
.foo {}
}
// Recommended
@include mq($until: desktop) {
.foo {}
}
```
[See the detailed API documentation](http://sass-mq.github.io/sass-mq/#undefined-mixin-mq)
### Adding custom breakpoints

@@ -188,0 +231,0 @@

Sorry, the diff of this file is not supported yet

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