Skip to content
This repository has been archived by the owner on Oct 24, 2023. It is now read-only.

Nesting not working #77

Closed
mevbg opened this issue Sep 21, 2018 · 2 comments
Closed

Nesting not working #77

mevbg opened this issue Sep 21, 2018 · 2 comments

Comments

@mevbg
Copy link

mevbg commented Sep 21, 2018

I have the following definition for example:

a {
  color: rgb(0 0 100% / 90%);

  &:hover {
    color: rebeccapurple;
  }
}

and the output seen in the Chrome Dev Toolbar looks like this.

--
Here's my TestApp repository that you can clone, install, run (yarn serve:dev) and review the output css definitions for the only <a> element in Chrome Dev Toolbar.

Please, give it a look and say if I'm missing something or doing something wrong or something else breaks it.

@pascalduez
Copy link

pascalduez commented Sep 21, 2018

Nesting rules is at a Stage 0 level, so you'd need to specifically include the plugin.
postcss-preset-env starts at Stage 2.
See https://cssdb.org/#nesting-rules

@mevbg
Copy link
Author

mevbg commented Sep 21, 2018

Nesting rules is at a Stage 0 level, so you'd have to specifically include the plugin.
postcss-preset-env starts at Stage 2.
See https://cssdb.org/#nesting-rules

I haven't checked that.
Great! Thanks! :)

@mevbg mevbg closed this as completed Sep 21, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants