Thread by @ravikmmr

Do You Know about CSS variables?

know everything about CSS variables.

🧵👇

1⃣ 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.

2⃣ Syntax or how to use

👇👇

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

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

3⃣ use case of a CSS variable

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

4⃣ 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.

5⃣ 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).

Thanks for reading the thread.

If you find it useful. Give the first one a retweet and if you have any feedback, let me know in the comment.

🔗

https://twitter.com/ravikmmr/status/1501461752617521154