“!important” and CSS Custom Properties, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/important-and-css-custom-properties/

#css #customproperties #cascade

From the archives:

Custom Properties: Questioning “:root”:

https://meiert.com/blog/questioning-root/

#css #customproperties #selectors

!important and CSS Custom Properties

https://fed.brid.gy/r/https://frontendmasters.com/blog/important-and-css-custom-properties/

#Development #Pitfalls
CSS custom properties with !important · When you spot the declaration gets !important https://ilo.im/169jcs

_____
#CssDeclarations #Specificity #CustomProperties #WebDev #Frontend #CSS

#Development #Fun
Happy New Year! · Who said 2026 is only black and white? https://ilo.im/169j4x

_____
#Animation #CssGrid #CssCalc #CustomProperties #Design #WebDesign #WebDev #Frontend #HTML #CSS

#Development #Explorations
Thoughts on native CSS mixins · What they might mean for front-end developers https://ilo.im/1693wl

_____
#CssMixins #CssFunctions #CustomProperties #Sass #W3C #WebStandards #Browser #WebDev #Frontend #CSS

It Is OK to Say “CSS Variables” Instead of (or Alongside) “Custom Properties”, by @kizu:

https://blog.kizu.dev/css-variables/

#css #variables #customproperties #terminology

It is ok to say "CSS variables" instead of "custom properties"

https://blog.kizu.dev/css-variables/

#HackerNews #CSSVariables #CustomProperties #WebDevelopment #FrontEndDesign #CodingTips

Shuffling a CSS Grid Using Custom Properties, by @codepo8:

https://christianheilmann.com/2025/11/24/shuffling-a-css-grid-using-custom-properties/

#css #grids #customproperties

Smashing Animations: Magnificent SVGs With “<use>” and CSS Custom Properties, by @malarkey (@smashingmag):

https://www.smashingmagazine.com/2025/11/smashing-animations-part-6-svgs-css-custom-properties/

#animations #transforms #svg #css #customproperties

Top 11 CSS Tricks Every Web Developer Should Know, by (not on Mastodon or Bluesky):

https://archive.ph/JbGFA

#css #customproperties #layout #animations #selectors #positioning #darkmode #resets #tipsandtricks

Making Context-Aware Components: How CSS “inherit()” Could Simplify Design Systems, by @sturobson:

https://www.alwaystwisted.com/articles/making-context-aware-components

#components #css #functions #customproperties

#Development #Techniques
Custom properties in media queries? · A workaround powered by modern CSS https://ilo.im/1675st

_____
#ModernCSS #MediaQueries #ContainerQueries #StyleQueries #CustomProperties #Browser #WebDev #Frontend #CSS

#Development #Approaches
The best CSS unit for spacing · “We don’t have to choose between px and rem.” https://ilo.im/1673zo

_____
#CssUnits #CssClamp #CssCalc #CustomProperties #WebDev #Browser #Frontend #CSS

#Development #Approaches
The double focus ring problem · A smart solution built with modern CSS https://ilo.im/166zfq

_____
#ModernCSS #Themes #Accessibility #Keyboard #FocusRing #CustomProperties #WebDev #Frontend #HTML #CSS

#Development #Approaches
Automatic dark mode · A solid technique with web component support https://ilo.im/166xyi

_____
#DarkMode #CSS #CustomProperties #JavaScript #WebComponents #ShadowDOM #DesignTokens #WebDev #Frontend

#Development #Techniques
CSS elevator · A pure CSS state machine with floor navigation https://ilo.im/166hlb

_____
#Elevator #StateMachine #Accessibility #WebDev #Frontend #HTML #CSS #CustomProperties #CssClamp #Techniques

You really don’t have to put your CSS custom properties in :root {}

https://fed.brid.gy/r/https://frontendmasters.com/blog/you-really-dont-have-to-put-your-css-custom-properties-in-root/

#Development #Introductions
Rolling the dice with CSS random() · Native random numbers are coming to CSS https://ilo.im/166bac

_____
#ModernCSS #Randomness #CssFunction #CustomProperties #Safari #Browser #WebDev #Frontend #CSS

Little Reminder About Custom Properties with Invalid Values

https://fed.brid.gy/r/https://frontendmasters.com/blog/little-reminder-about-custom-properties-with-invalid-values/