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
Pay now to fund the work behind this issue.
Get updates on progress being made.
Maintainer is rewarded once the issue is completed.
You're funding impactful open source efforts
You want to contribute to this effort
You want to get funding like this too