Thread by @ravikmmr

Do You Know about CSS variables?

know everything about CSS variables In this thread:

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. colors
2. font sizes
3. SVG
4. Grid layouts
5. column proportions
6. Buttons

4/ Tip💡

always defined variable in the 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).

That's a wrap! Thanks for reading. :)

If you find this thread useful:

1. Follow me @ravikmmr for weekly threads.
2. RT the tweet below to share this thread with your network.
3. share your feedback in the comments.

🔗

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