#custom-properties

[ follow ]
#css #css-range-syntax #container-style-queries #chrome-142 #css-function #css-if #sass-replacement #state-machine
fromCSS-Tricks
1 week 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
2 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.
#css
fromLeanrada
7 months ago
UX design

Minimal CSS-only blurry image placeholders

Using a single CSS custom property can create low quality image placeholders effectively without markup clutter.
fromFrontendmasters
7 months ago
UX design

Using currentColor in 2025

currentColor is a foundational CSS variable that simplifies color management, but custom properties are now favored for their clarity and versatility.
more#css
[ Load more ]