Thread by @ravikmmr

CSS variable

know everything about CSS variable

🧵🧵👇👇

01. Intro of a CSS variable

It is a custom property of a CSS that is defined by a CSS author that contains some specific values that are reusable through a document.

it is used in the google chrome browser

see example👇👇

02. Syntax or how to use

👇👇

:root{
--color-primary: #001f3f;
}

p {
color: var(--color-primary);
}

03. use case of a CSS variable

1. colors
2. font sizes
3. SVG
4. Grid layouts
5. column proportions
6. Buttons

04. Tip💡💡

always defined variable in root section because it gives you global reach through your entire Html document

you can define it in the Html section also so it can be
treated as a global variable.

05. conclusion

So many good uses, and we’re barely getting started Use the comments to ask follow-up questions or share your ideas for using CSS custom properties (variables).

Thank you for reading the full thread. If you like this thread

Hit ♥️
retweet🔁
comment 📟
follow me 👈👈

share this full thread for more reach