Custom Properties

We posted not long ago about the difference between native CSS variables (custom properties) and preprocessor variables. There are a few esoteric things

Learn how to use CSS custom properties to create abstractions and optimize your CSS.

Custom Properties have the potential to change how we write and think about CSS.

This tutorial teaches you CSS Variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the fastest way to get an in-depth understanding of CSS Variables.

Build upon the responsive card layout example from Part 1 with the new Responsive Variables technique

SVG gradient stop colors can be modified using CSS and CSS Custom Properties or CSS Variables.

In this article, Miriam takes a deeper dive into the ‘CSS Custom Properties for Cascading Variables’ specification to ask, “Why are they called custom properties, how do they work in the cascade, and what else can we do with them?”

Some practical examples of how CSS variables can power-up your workflow

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.

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…

This post was inspired by a feature request published on our Nolt board. Since the launch of our Framework and Components library, we’ve…

How to use CSS Custom Properties to create a scalable theming system for a project.

CSS custom properties have a ton of use cases. They have all the power of traditional variables, only they follow the cascade like we expect in CSS. Plus you can get clever with their values and combine them with other CSS technology to do very interesting things.

Customproperties content on DEV

CSS Custom Properties - Gestalten Sie Ihre Website flexibler und schneller mit CSS-Variablen. Eine kurze Einführung in CSS Custom Properties mit Beispielen und Theming.

Variablen (Custom Properties) ändern CSS-Werte wie Farben und Größen für mehrere Elemente im gesamten CSS. Variablen vereinfachen Änderungen im Design.

Maria Antonietta Perna walks you through CSS variables/custom properties, the awesome new technology that adds more flexibility and fun to CSS coding.