Custom Properties as State

Here’s a fun idea from James Stanley: a CSS file (that presumably updates daily) containing CSS custom properties for “seasonal” colors (e.g. spring is greens, fall is oranges). You’d then use the values to theme your site, knowing that those …

The post Custom Properties as State appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/custom-properties-as-state/

Created 4y | Jan 5, 2021, 5:21:19 PM


Login to add comment

Other posts in this group

Compiling CSS With Vite and Lightning CSS

Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.

<hr

Feb 3, 2025, 3:40:18 PM | CSS tricks
Keeping the page interactive while a View Transition is running

When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running

Jan 31, 2025, 8:30:06 PM | CSS tricks
Chrome 133 Goodies

Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured

Jan 31, 2025, 3:50:08 PM | CSS tricks
The Mistakes of CSS

All of the things that the CSS Working Group would change if they had a time-traveling Delorean to go back and do things over.


Jan 30, 2025, 4:40:05 PM | CSS tricks
What on Earth is the `types` Descriptor in View Transitions?

The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one t

Jan 29, 2025, 3:10:17 PM | CSS tricks
Revisiting CSS Multi-Column Layout

After 20 years since Andy Clarke first published his book about Multi-Column Layout in CSS, he's back to encourage a fresh look at CSS columns for enhanced readability and design flexibility.

<

Jan 27, 2025, 4:50:07 PM | CSS tricks
Positioning Text Around Elements With CSS Offset

When it comes to positioning elements on a page, including text, there are many ways to go about it in CSS — the literal position property with corresponding inset-* prope

Jan 24, 2025, 4:50:19 PM | CSS tricks