CSS Variables without Sass? Learn how to use CSS Variables (Tutorial)

You no longer have to rely on preprocessors like Sass in order to use CSS variables. In this tutorial, I will show you exactly how to start using them. Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS weekly!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[frantoril]

Excellent video Gary. Really usefull, thank you

[saikathalder]

I know about - -css : variables little bit in the past but now i know more ..
thank you.. :)

[SergSerg]

Oh, I fell in love with these variables at first sight! Many thanks.

[andyschulze]

Thank you. Nice introduction to the topic! (:

[vijayalavantharmalingam]

Really awesome sir ... we want more Js tutorials...

[alial-shaikhly]

Thank you very much for this information.... problem though... I use MS expression web 4 as it is free and it does not appear to recognise the var() for some reason. It does, however, recognise the :root{} part... Any idea why and how to rectify the problem?

Many thanks

[csgokul]

hey Gary, pls see if you could give out some tutorials on flutter and firebase ..

[ben_]

Holy cow how did I not know about the exclamation point!

[guru]

How to build responsive header and sidebar with sass and flexbox..

[fopra]

i can defined a color in a class and i can use that class in multi place for same color so why variables ???

[Vikas-wzci]

When you use fallback values, then why should i use css variables?

[kevinmckraken]

I've been using these CSS variables for years... wtf?