unnestcss
Version:
A library for un-nesting CSS
64 lines (51 loc) • 556 B
Markdown
# unnestcss
A library for un-nesting CSS.
## Installation
```bash
npm install unnestcss
```
## Getting Started
```js
import { unnest } from "unnestcss";
```
```js
const { unnest } = require("unnestcss");
```
General nesting rules
```js
unnest(`
.root {
--level: 1;
.nest {
--level: 2;
}
}
`);
```
```css
.root {
--level: 1;
}
.root .nest {
--level: 2;
}
```
Nesting rules for `:host`
```js
unnest(`
:host {
--level: 1;
&:hover {
--level: 2;
}
}
`);
```
```css
:host {
--level: 1;
}
:host(:hover) {
--level: 2;
}
```