PostCSS Media Directives

PostCSS plugin that uses the short names of the @media Directive.

@miw(480) { // or 480px
    body {
        background-color: lightgreen;
    }
}
@maw(480) { // or 480px
    body {
        background-color: lightgreen;
    }
}
  

@media(min-width: 480px) {
    body {
        background-color: lightgreen;
    }
}
@media(max-width: 480px) {
    body {
        background-color: lightgreen;
    }
}

Usage

postcss([ require('postcss-media-directives') ])

See PostCSS docs for examples for your environment.