Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

grunt-media-query-extractor

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

grunt-media-query-extractor - npm Package Compare versions

Comparing version 0.1.0 to 1.0.0

5

Gruntfile.js

@@ -23,2 +23,7 @@ /*

},
bump: {
options: {
push: false
}
},
mqe: {

@@ -25,0 +30,0 @@ options: {

6

package.json
{
"name": "grunt-media-query-extractor",
"description": "Combine and extract media queries for mobile-first responsive design",
"version": "0.1.0",
"version": "1.0.0",
"homepage": "https://github.com/bjork24/grunt-media-query-extractor",

@@ -35,3 +35,4 @@ "author": {

"load-grunt-tasks": "~0.3.0",
"lodash": "~2.4.1"
"lodash": "~2.4.1",
"grunt-bump": "0.0.13"
},

@@ -45,4 +46,5 @@ "peerDependencies": {

"combine",
"extract",
"optimisation"
]
}

@@ -40,18 +40,28 @@ # grunt-media-query-extractor

#### options.separator
Type: `String`
Default value: `', '`
#### log
A string value that is used to do something with whatever.
Type: `boolean`
Default: `false`
#### options.punctuation
Type: `String`
Default value: `'.'`
Log processed media queries.
A string value that is used to do something else with whatever else.
#### hideComments
Type: `boolean`
Default: `false`
Remove comments from processed stylesheets.
#### breakpointCollections
Type: `boolean`
Default: `false`
Combine extracted media queries into collections for dynamic stylesheet loading
based on breakpoint.
### Usage Examples
#### Default Options
In this example, the default options are used to do something with whatever. So if the `testing` file has the content `Testing` and the `123` file had the content `1 2 3`, the generated result would be `Testing, 1 2 3.`
In this example, all the css files in `test` are processed and moved to the folder `tmp`

@@ -61,25 +71,12 @@ ```js

mqe: {
options: {},
files: {
'dest/default_options': ['src/testing', 'src/123'],
},
},
});
```
#### Custom Options
In this example, custom options are used to do something else with whatever else. So if the `testing` file has the content `Testing` and the `123` file had the content `1 2 3`, the generated result in this case would be `Testing: 1 2 3 !!!`
```js
grunt.initConfig({
mqe: {
options: {
separator: ': ',
punctuation: ' !!!',
log: true
},
files: {
'dest/default_options': ['src/testing', 'src/123'],
},
},
});
your_target: {
files: {
'tmp': ['test/styles.css']
}
}
}
})
```

@@ -94,2 +91,2 @@

## Release History
_(Nothing yet)_
* February 12, 2014 - v1.0.0 - Initial release
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