A Complete Guide to Custom Properties | CSS-Tricks
Everything important and useful to know about CSS Custom Properties. Like that they are often referred to as "CSS Variables" but that's not their real name.
Custom Properties
The Power of Composition with CSS Variables - Maxime Heckel's Blog
How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.
Using Custom Property "Stacks" to Tame the Cascade | CSS-Tricks
Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we've
Getting JavaScript to Talk to CSS and Sass | CSS-Tricks
JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been
CSS Variables With Inline Styles
Using CSS variables correctly | Mike Riethmuller
Custom Properties have the potential to change how we write and think about CSS.
New CSS Features on the Component Level, Part 2 of 2: Responsive CSS Variab
Build upon the responsive card layout example from Part 1 with the new Responsive Variables technique
How to Use CSS Variables for SVG Gradients - DockYard
SVG gradient stop colors can be modified using CSS and CSS Custom Properties or CSS Variables.
Why we prefer CSS Custom Properties to SASS variables | CodyHouse
Some practical examples of how CSS variables can power-up your workflow
UI Theming with CSS Variables
Building Robust Layouts With Container Units — Smashing Magazine
When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. This article will help you understand how to overcome these limitations using CSS variables and how you can start building with container units.
Becoming a CSS Grid Ninja! – Elad Shechter – Medium
These days, most developers know CSS Grid, but there are still lots of small missing parts, unfamiliar to many of them. In this post I will…
A new approach to visibility utility classes based on CSS Variables
This post was inspired by a feature request published on our Nolt board. Since the launch of our Framework and Components library, we’ve…
CSS Custom Properties in Microsoft Edge - Microsoft Edge Blog
Beginning with EdgeHTML 15 in the Windows 10 Creators Update, Microsoft Edge introduces support for CSS Custom Properties, a new primitive value type to fully cascade variables across CSS properties. You can preview CSS Custom Properties in Windows Insider Preview builds beginning with EdgeHTML 15.15061. Check out our Custom Properties Pooch demo to see them
How to quickly prototype apps with CSS Grid and CSS Variables
CSS Grid and CSS Variables are both huge wins for front-end developers. The former makes it dead simple to create website layouts, while the latter brings the power of variables to your stylesheets. In this tutorial, I’ll show you how to utilize them together in order to quickly prototype