#custom-properties

[ follow ]
#css #css-if #contrast-color #design-systems #important #cascade-specificity #css-range-syntax
fromdaverupert.com
4 months ago
UX design

Using your design system colors with contrast-color()

Using contrast-color() combined with if() enables selecting brand design-system colors instead of only black or white.
#css
more#css
fromCSS-Tricks
6 months ago

The Range Syntax Has Come to Container Style Queries and if() | CSS-Tricks

The range syntax isn't a new thing. We're already able to use it with media queries to query viewport dimensions and resolutions, as well as container size queries to query container dimensions. Being able to use it with container style queries - which we can do starting with Chrome 142 - means that we can compare literal numeric values as well as numeric values tokenized by custom properties or the function.
Web development
Web development
fromLogRocket Blog
7 months ago

CSS @function: Dynamic logic without Sass or JavaScript - LogRocket Blog

CSS @function enables dynamic, reusable logic and conditional computations inside stylesheets, reducing reliance on Sass and JavaScript utilities.
[ Load more ]