siphon-media-query
Extract media query-specific CSS from a stylesheet. Used by the Foundation for Emails web inliner to separate general CSS from media query-specific CSS. Inspired by media-query-extractor, the main difference being this library works as a pure API.
Installation
npm install siphon-media-query --save
Usage
The parse function takes in a CSS string and gives you back a CSS string.
To extract all media queries:
var parse = ; var input = ` .foo { color: red; } @media { .bar { color: dodgerblue; } }`; ; // => @media { .bar { color: dodgerblue; } }
To extract only CSS from a specific media query:
var input = ` @media (min-width: 400px) { .foo { color: red; } } @media (min-width: 800px) { .bar { color: dodgerblue; } }`; ;// =>// @media (min-width: 800px) {// .bar { color: dodgerblue; }// }
Local Development
git clone https://github.com/zurb/siphon-media-querycd siphon-media-querynpm installnpm test