broccoli-cssnext

cssnext plugin for Broccoli

:root {
  --font-size: 16px;
}
 
@custom-media --mobile screen and (max-width: 320px);
 
@media (--mobile) {
  a {
    font-size: calc(var(--font-size) - 2px);
    color: hwb(270, 20%, 40%);
  }
}

↓

@media screen and (max-width: 320px) {
  a {
    font-size: 14px;
    color: rgb(102, 51, 153);
  }
}

Installation

Use npm.

npm install --save-dev broccoli-cssnext

Usage

var cssnext = require('broccoli-cssnext');
tree = cssnext(tree, options);

API

cssnext(tree, options)

All cssnext options are available.

from option is automatically specified using source file path by default.

And map.inline option is always true if map option is enabled.

License

Copyright (c) 2014 Shinnosuke Watanabe

Licensed under the MIT License.