egoist / egoist/rollup-plugin-postcss

CSS Modules and @nest

Open
#359 0 comments 0 reactions 0 assignees View on GitHub
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.