Will Boyd:
CSS custom properties can hold all sorts of things. Some of these things were not obvious to me, which is why I decided to write this.
In short: they can contain just about everything. It’s only until CSS Custom Properties are used in a certain context as a CSS Variable — using var()
— that they are evaluated.
☝️ To understand the above you should know that CSS Custom Properties are not Variables
A CSS Custom Property allows you to define a property with a certain value, e.g. --width: 200;
.
It’s only when it’s used with var()
— e.g. var(--width)
— that you are creating a CSS Variable to use.
That’s why you can use CSS Custom Properties to:
Leave a comment