Introduction to #CSS variables
▻https://vgpena.github.io/winning-with-css-variables
CSS variables, like variables in any programming language, let us reference the same values over and over. As of April 2017, they are supported by all modern browsers and are an effective way to write tight, clean styles.
Any CSS property — color, size, position, etc. — can be stored in a CSS variable. Their names are all prefixed with —, and you declare them by adding them to an element right where you add its other styles:
body {
—primary: #7F583F;
—secondary: #F7EFD2;}
You refer to a CSS variable by wrapping it in var().
a {
color: var(—primary);
text-decoration-color: var(—secondary);}