gulp-media-queries-splitter
Split CSS files into several CSS files based on media queries
Installation
Install package with NPM and add it to your development dependencies:
npm install --save-dev gulp-media-queries-splitter
Options
gulp-media-queries-splitter
takes an array of configuration objects to generate the new CSS files with. You can provide multiple configuration objects, each using the following options:
media
(required) — possible values are:all
— to include all CSS rules regardless of the media query;none
— to include all CSS rules that do not belong to a media query, or that belong to a media query withoutmin-width
ormax-width
declarations;- an object containing the following options:
min
(optional, default:0
) — defines themin-width
value of a media query to include CSS rules from;minUntil
(optional) — defines the maximum value for themin-width
value of a media query to include CSS rules from;max
(optional) — defines themax-width
value of a media query to include CSS rules from.
- an array containing the previous possible values (either
all
,none
or an object).
filename
(required) — the destination filename to put the CSS rules in that matches the configuration in themedia
option.
Usage
const gulp = ;const mediaQueriesSplitter = ; gulp;
Errors
gulp-media-queries-splitter
emits an 'error' event if a source file is being loaded using a stream.