CSS Custom Properties

Practical Examples

GitHub Repository

#1

CSS Variables enable theming independent of CSS structure &
work like normal CSS properties

#2

CSS Variables are inherited values (but you can change that)

#3

CSS Variables + Media Queries = 💯

#4

CSS Variables + JS = 🚀
Move your mouse!

Site Title

Subtitle

Options:

Choose a color:
Footer

#5

CSS Variables & JS Framework (like Vue) are a great fit!
Reload the page!

  • {{ item }}

#6

Style your icons