postcss-media-legacy
v1.3.2
Published
Simple plugin for PostCSS to copy media queries for browsers which cannot support them, ideal for Mobile First development
Downloads
11
Maintainers
Readme
PostCSS Media Legacy
PostCSS plugin for Mobile First development that rewrites media queries for IE8 and below.
Use this plugin with Modernizr or adding the class "lt-ie9" in your html element.
Installation
npm install postcss-media-legacy --save
Example Input-Output
Input:
@media screen and (min-width:320px) {
.show-xs {
display: none
}
}
Output:
.lt-ie9 .show-xs {
display: none;
}
@media screen and (min-width:320px) {
.show-xs {
display: none
}
}
Usage
Plug it in to PostCSS
Plug it in just like any other PostCSS plugin. There are no options at the moment.
postcss([ require('postcss-media-legacy') ])
Or take advantage of any of the myriad other ways to consume PostCSS, and follow the plugin instructions they provide.