egoist / egoist/rollup-plugin-postcss
CSS Modules and @nest
- Dominant language
- JavaScript
- Stars
- 689
- Forks
- 210
- PR merge metrics
- No merged PRs in 30d
Description
I've recently run into an issue where our cssModules scoped name does not get generated after @nest.
CSS written in src/Button/Button.css
```
.container {
padding: .5rem;
}
.value {
size: 1.5rem;
}
.primary {
background-color: blue;
@nest .container & .value {
color: pink
}
}
```
CSS expected
```
.Button__container__12nb-{padding:.5rem}
.Button__value__3i9_C{size:1.5rem}.Button__primary__3ReFs{background-color:#00f}
.Button__container__12nb- .Button__primary__3ReFs .Button__value__3i9_C{color:pink}
```
CSS returned
```
.Button__container__12nb-{padding:.5rem}
.Button__value__3i9_C{size:1.5rem}.Button__primary__3ReFs{background-color:#00f}
.container .Button__primary__3ReFs .value{color:pink}
```
Please see example repo here: https://github.com/juliewongbandue/nesting_demo
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.