Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support for nested classes (ampersand) #31

Open
TuxGit opened this issue Jun 15, 2021 · 3 comments
Open

Support for nested classes (ampersand) #31

TuxGit opened this issue Jun 15, 2021 · 3 comments

Comments

@TuxGit
Copy link

TuxGit commented Jun 15, 2021

Add support for nested classes using with postcss, scss plugins.

Sometimes you need to separate the styles for the child container and add prefix for it.

Example

.root { ... }

.label {
    font-size: 1rem;

    &_primary {
        color: green;
    }

    &_sizeSmall {
        font-size: 0.875rem;
    }
}

Expected result autocomplete

styles.label
       label_primary
       label_sizeSmall    

P.S. This case works in WebStorm

@saschati
Copy link

saschati commented Feb 3, 2023

Any news on this feature?

@totodot
Copy link

totodot commented Apr 22, 2023

@clinyong any update?

@inoyakaigor
Copy link

Since CSS nesting came in all major browsers (in Firefox since 117 version /current Beta/) this issue became more and more important

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants