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

no "&" nesting selector in plain css #14

Open
SpiritAxolotl opened this issue May 9, 2024 · 2 comments
Open

no "&" nesting selector in plain css #14

SpiritAxolotl opened this issue May 9, 2024 · 2 comments

Comments

@SpiritAxolotl
Copy link

https://developer.mozilla.org/en-US/docs/Web/CSS/Nesting_selector

example use:

pre {
  border-radius: 0;
  box-sizing: border-box;
  padding: 0.5rem;
  margin: 1.25rem 0 0;
  line-height: 1.5;
  overflow-x: auto;
  color-scheme: dark;
  background: rgb(13, 17, 23);
  color: rgb(230, 237, 243);
  width: 100%;
  font-size: x-small;
  overscroll-behavior: none;
  &:first-of-type {
    border-top-left-radius: 0.25rem;
    border-right: 2px solid rgb(57, 57, 57);
  }
  &:last-of-type {
    border-top-right-radius: 0.25rem;
    border-left: 2px solid rgb(57, 57, 57);
  }
}

the output:
Screenshot 2024-05-09 at 4 41 51 PM

just would be cool to have :)

@cpsdqs
Copy link
Owner

cpsdqs commented May 10, 2024

that's true… in the meantime you can also just use an scss module instead of a css module

@SpiritAxolotl
Copy link
Author

this is true

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