← CodePrimer
CSS
Beginner
Basics
CSS custom properties
How do I reuse colors with variables?
var(--token) custom properties.
:root {
--brand: #2563eb;
--radius: 0.5rem;
}
.btn {
background: var(--brand);
border-radius: var(--radius);
}Notes
Change :root tokens to theme a whole site.
Keywords: variables · custom properties · var · theme
Related
HTML
HTML headings h1–h6
How do I create page headings?
CSS
Three ways to apply CSS
What are inline, internal, and external CSS?
PHP
Embed PHP inside HTML
How do I mix PHP and HTML?
HTML
Paragraphs and line breaks
How do I break text into paragraphs?
CSS
CSS box model
Why is my element wider than expected?
PHP
PHP comments
How do I write comments in PHP?