: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);
}
}
$ npm install --save-dev broccoli-cssnext
var cssnext = require('broccoli-cssnext');
tree = 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.
Copyright (c) 2014 Shinnosuke Watanabe
Licensed under the MIT License.