- Familiar CSS syntax: Using CSS syntax makes it easier to copy/paste code from devtools and the internet, and a huge productivity boost.
- SCSS like & shorhand: Super nice to write things like
&:hoverwithout having to write selectors again.
- Nesting media queries: Nice to nest media queries inside a style block instead of having to declare it like plain CSS.
- Support for CSS animations: CSS animations are great :)
- No coupling to HTML tag: HTML tags have semantic meaning, and coupling styles to HTML tags makes it harder to re-use the same styles, for example, sometimes some of my buttons and links have similar styles and I don't wanna repeat them.
- Easy to override styles: Overriding styles is one of the main pain points. Many libs don't do anything special and just produce different class names for the styles I declare. Due to no class name having higher specificity, the styles depend on the declaration order which can produce inconsistent