CSS variables are great!

You can define CSS variables anywhere in your stylesheets, but you usually want to have them declared in the root element of the document. By doing so, you can access them globally. A new variable is declared with two dashes and can be accessed with the var() CSS function: Yes, coming from SASS, the syntax may look quite strange to you.