CSS variables

Using CSS variables & custom properties to generate more maintainable colour and font systems.

Making variables
Using the cascade
Inside media queries
Inside SVG spritesheets

Making variables

Using the cascade

Inside media queries

Inside SVG spritesheets

© Thomas J Bradley — learntheweb.courses. All code for this website licensed under the MIT License. All tutorial code licensed under the CC0 Public Domain Dedication. All text, imagery, design, tutorials & videos licensed under the CC BY-NC-SA License. Unless otherwise noted. Privacy & cookies policy

Learn the Web, Ottawa, ON, Canada

Get help
Solutions for teachers
GitHub
Bugs

Last updated — 2022-11-13T13:11:07-05:00