search

SE7ENSKY / group-css-media-queries

CSS postprocessing: group media queries. Useful for postprocessing preprocessed CSS files.
MIT License
100 stars 19 forks source link

Media queries splitted in different files #3

Open stol opened 10 years ago

stol commented 10 years ago

Hi, you can now choose to output the grouped media queries in different files, on file per media query.

ex : 

$ group-css-media-queries -s myApp.css 
$ # outputs :
$ # Creating app-splitted/app-root.css
$ # Creating app-splitted/app-only-screen-and-(max-width-480px).css
$ # Creating app-splitted/app-only-screen-and-(min-width-481px)-and-(max-width-768px).css

$ group-css-media-queries -s myApp.css -d customDir
$ # outputs :
$ # Creating customDir/app-root.css
$ # Creating customDir/app-only-screen-and-(max-width-480px).css
$ # Creating customDir/app-only-screen-and-(min-width-481px)-and-(max-width-768px).css