What's the point of css variables?

Question

Apparently CSS has variables. But why? Can somebody give me an example of one being used?

Answer 1

https://www.w3schools.com/css/css3_variables.asp
hope this will help you ☺

Answer 2

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables
https://medium.freecodecamp.org/learn-css-variables-in-5-minutes-80cf63b4025d

Answer 3

Hi,

I think that creating variables make sense when doing themes.

Saving colors in variables, and using the variables for easily mantain theme colors

Hope it helps you

Answer 4

CSS variable enable us to group common CSS settings in one place, its useful especially your codes has many repetitive common value settings.

It also enable your webpage page to change theme easily, for example it could used for setting different color themes, day or night theme.

Check out this code, try to change to other :root selector to see the effects. (unmask the othet :root with different css var)

https://code.sololearn.com/WP08yHQR3V0g/?ref=app

Answer 5

Can you guys give me an example? Like, why on earth would I use variables in css?