Package Exports

postcss-media-legacy

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-media-legacy) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

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.

Dependencies

It doesn't require any dependencies, but it has to be loaded after postcss-nested if included.