How can I define colors as variables in CSS

Question

I'm currently working on a lengthy CSS file. Can colours be assigned to variables so that I can simply update one variable and have the new colour applied to all elements that require it? I know the client might want modifications to the colour scheme.

Please take note that I am unable to dynamically alter the CSS file using PHP.

Answer 1

CSS does not use variables. You can, however, use another language, such as SASS, to specify your styling using variables and automatically generate CSS files, which you can then publish to the web. You'd have to re-run the generator every time you changed your CSS, but that's not too difficult.