this post was submitted on 23 Aug 2023
12 points (100.0% liked)
Programming
13389 readers
54 users here now
All things programming and coding related. Subcommunity of Technology.
This community's icon was made by Aaron Schneider, under the CC-BY-NC-SA 4.0 license.
founded 2 years ago
MODERATORS
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
CSS has been growing a lot of "super powers" lately, that used to require a pre-processor. Custom properties (variables), nesting,
calc
, andcolor-mix
used to be things we'd reach for a preprocessor for, but can now be done 100% in pure CSS. And generally, the CSS based versions are better than their old preprocessor counterparts.calc
can mix units, so you can easily do things likecalc(100% - 1rem)
to subtract a rem from 100% of the parent container. Can't do that in Sass. Custom properties can be set by Javascript, or by media queries, and follow CSS scoping rules. Thats how I handle light/dark mode on my site.