| Creating CSS Theme Variables From a JS File (mic) | | 76 |
| css, theming, javascript, conversion |
| Maybe Don’t Use Custom Properties in Shorthand Properties (mat) | | 75 |
| css, shorthands |
| Custom Property Fallbacks (mat/fro) | | 74 |
| css |
| CSS “@ function” + CSS “if()” = 🤯 (bra) | | 73 |
| css, functions, conditionals, dark-mode |
| Pure CSS Mixin for Displaying Values of Custom Properties (kiz) | | 72 |
| css, mixins |
| Making Orbit Animations With CSS Custom Properties (lon) | | 71 |
| css, animations, effects |
| Captured Custom Properties (kiz) | | 70 |
| css |
| Querying the Color Scheme (kiz) | | 69 |
| css, container-queries, dark-mode |
| Providing Type Definitions for CSS With “@ property” (5t3) | | 68 |
| css |
| Thoughts on CSS in 2024 (j9t) | | 67 |
| css, selectors, resets, logical-properties |
| The Times You Need a Custom “@ property” Instead of a CSS Variable (pre/sma) | | 66 |
| css, animations, transitions |
| Write Better CSS With Modern CSS (css) | | 65 |
| css, nesting, media-queries, tips-and-tricks |
| An Advanced Way to Use CSS Variables (cfe) | | 64 |
| css |
| Add Superpowers to Your CSS Variables With Style Queries (jar/van) | | 63 |
| css, container-queries |
| Parallax Effect With CSS Custom Properties (fro) | | 62 |
| css, effects, parallax |
| Offloading JavaScript With Custom Properties (hey) | | 61 |
| javascript, css |
| Clean Architecture: Theming With Tailwind and CSS Variables | | 60 |
| theming, tailwind, css |
| Using CSS Custom Properties Like This Is a Waste (kev) | | 59 |
| videos, css |
| Naming Variables in CSS (doc) | | 58 |
| css, naming |
| Expert CSS: The CPU Hack | | 57 |
| css |
| How Custom Property Values Are Computed (5t3) | | 56 |
| css |
| Going Beyond Constants With Custom Properties (uti/iod) | | 55 |
| css |
| The Case for Variables | | 54 |
| sass, css, variables, json, figma |
| Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra) | | 53 |
| css, animations, transitions, scrolling, container-queries |
| Cyclic Dependency Space Toggles (kiz) | | 52 |
| toggles, css |
| Register Custom Properties in CSS, Get and Update Them With JavaScript (oll) | | 51 |
| css |
| CSS Custom Properties Beyond the “:root” (mat) | | 50 |
| css, semantics |
| The Gotcha With Animating Custom Properties (bra) | | 49 |
| css, animations, performance |
| Creating a High-Contrast Design System With CSS Custom Properties (uti/sma) | | 48 |
| design-systems, css, contrast, colors |
| CSS Color Functions and Custom Properties (mat) | | 47 |
| css, colors, functions |
| An Interesting Limitation of CSS Custom Properties (tyl/clo) | | 46 |
| css |
| How Is This Possible With CSS Only?! (kev) | | 45 |
| videos, css, selectors, animations |
| Interpolating Numeric CSS Variables (geo/css) | | 44 |
| css |
| The Future of CSS: Variable Units, Powered by Custom Properties (bra) | | 43 |
| css, units |
| CSS Variable Secrets (lea/css) | | 42 |
| videos, css |
| How to Use Variables in CSS: CSS Custom Properties | | 41 |
| how-tos, css |
| Evaluating Design System Adoption Using Custom CSS | | 40 |
| design-systems, css, metrics |
| Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (eri/sma) | | 39 |
| css, colors, contrast, microsoft, windows |
| Taming CSS Variables With Web Inspector (web) | | 38 |
| css, browsers, tooling |
| Multi-Value CSS Properties With Optional Custom Property Values (css) | | 37 |
| css |
| CSS Custom Properties (5t3) | | 36 |
| css |
| Standardizing Focus Styles With CSS Custom Properties (5t3/css) | | 35 |
| css, accessibility, focus |
| Open Props (arg) | | 34 |
| websites, css, props |
| The Surprising Behavior of “Important CSS Custom Properties” (ste) | | 33 |
| css, cascade |
| Parallax Powered by CSS Custom Properties (jhe/css) | | 32 |
| css, effects, parallax |
| Using CSS Variables for Reduced Motion on a Global Scale (cit) | | 31 |
| css, media-queries, reduced-motion |
| On Using Custom Properties (bra) | | 30 |
| css |
| Custom Properties With Defaults: 3+1 Strategies (lea) | | 29 |
| css |
| Different Degrees of Custom Property Usage (chr/css) | | 28 |
| css |
| Custom Properties and “@ property” (ppk) | | 27 |
| css |
| Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (css/css) | | 26 |
| css, transitions, complexity |
| The Dilemma of Naming Font Size Variables (css) | | 25 |
| css, preprocessors |
| A Complete Guide to Custom Properties (chr/css) | | 24 |
| guides, css, examples |
| Sometimes, a Billion Laughs Aren’t So Funny—Improving CSS Variables in WebKit | | 23 |
| css, browsers, browser-engines, webkit |
| The “--var: ;” Hack to Toggle Multiple Values With One Custom Property (lea) | | 22 |
| css, hacks, toggles |
| CSS Variables 101 (sha) | | 21 |
| css |
| Custom Properties: Questioning “:root” (j9t) | | 20 |
| cross-posts, css |
| The Cicada Principle, Revisited With CSS Variables (lea) | | 19 |
| principles, css |
| How to Get All Custom Properties on a Page in JavaScript (tyl/css) | | 18 |
| how-tos, css, javascript |
| A User’s Guide to CSS Variables (lea) | | 17 |
| guides, css |
| Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css) | | 16 |
| theming, colors, css, functions |
| The Web in 2020: Extensibility and Interoperability (una/css) | | 15 |
| web-platform, extensibility, interoperability, houdini, variable-fonts, logical-properties, web-components, media-queries, performance |
| CSS Custom Properties in the Cascade (mia/sma) | | 14 |
| css, cascade, examples |
| Did You Know That CSS Custom Properties Can Handle Images Too? (fon/css) | | 13 |
| css, images |
| Styling a Web Component (chr/css) | | 12 |
| web-components, shadow-dom, dom, css, html |
| Updating a CSS Variable With JavaScript (chr/css) | | 11 |
| css, javascript |
| A Strategy Guide to CSS Custom Properties (sma) | | 10 |
| guides, strategies, css |
| Using Custom Properties to Modify Components (fon/css) | | 9 |
| components, css |
| The Issue With Preprocessing CSS Custom Properties (chr/css) | | 8 |
| css, preprocessors, javascript |
| It’s Time to Start Using CSS Custom Properties (sma) | | 7 |
| css, examples |
| What Is the Difference Between CSS Variables and Preprocessor Variables? (chr/css) | | 6 |
| css, preprocessors, variables, comparisons |
| Autoprefixing, With CSS Variables! (lea) | | 5 |
| css, vendor-extensions |
| CSS Variables: The Architecture Backbone (sma) | | 4 |
| css, sass, preprocessors |
| Coming Soon: Native CSS Variables (cra) | | 3 |
| css, less, sass |
| CSSOM, Vars, Mixins, Nesting, and Modules (tab) | | 2 |
| css, cssom, mixins, nesting, modules |
| Why CSS Needs No Variables (j9t) | | 1 |
| css, variables |
