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;
}
}
postcss([ require('postcss-media-directives') ])
See PostCSS docs for examples for your environment.