Flattens a nested (S)CSS string, '&' placeholders are supported too.
npm install css-flattenFlattens a nested (S)CSS string, & placeholders are supported too.
This is implemented using css-simple-parser, which makes it tiny and blazing fast, but there are some limitations to be aware of, read the parser's readme to learn about them.
``sh`
npm install css-flatten
`ts
import flatten from 'css-flatten';
// Let's make some CSS to flatten
const css =
.foo {
color: red;
&:hover {
color: green;
}
.bar {
color: blue;
}
};
// Let's flatten that CSS
flatten ( css );
// .foo {
// color: red;
// }
// .foo:hover {
// color: green;
// }
// .foo .bar {
// color: blue;
// }
``
MIT © Fabio Spampinato