This repository was archived by the owner on Dec 19, 2024. It is now read-only.
This repository was archived by the owner on Dec 19, 2024. It is now read-only.
nested selectors doesn't with custom selectors #297
Closed
Description
I am working in some project and I tried to use custom selector with nested selectors and It didn't work. This is the code used.
@custom-selector :--boa-button .boa-button;
:--boa-button {
display: inline-block;
&--pressed,
&--focused {
background: red;
}
}
CSS Output
.boa-button {
display: inline-block;
}
// Notice that is repeat twice the selector
:--boa-button--pressed,
:--boa-button--focused,
:--boa-button--pressed,
:--boa-button--focused {
background: red
}
Console Output
The selector ':--boa-button--pressed, :--boa-button--focused' is undefined