• in
InterCourses
CoursesBlogs
0
← CSS
○What is CSS?○CSS Selectors○How to Apply CSS○CSS Specificity
○Colors○Backgrounds○Typography
○The Box Model○Display○Positioning
○Advanced Selectors○Pseudo-Classes
○Dropdown Structure○Dropdown Behavior
○Form Structure○Form Styling
○Flexbox Basics○Flexbox Alignment○Flexbox Items○Flexbox Layouts
○CSS Grid
○Website Structure○Grid and Responsive
●CSS Variables○Transitions
○Transition Effects○Keyframe Animation
○Responsive Design
○Table Structure○Responsive Table Styling
○Resume Structure○Resume Polish

CSS Variables

CSS custom properties make design tokens reusable and consistent.

Your Task

  1. In :root, define --brand: #0ea5e9;.
  2. Use var(--brand) for .title color.
  3. Define --space: 16px; and use it for .panel padding.
Hint 1
1 / 1
HINT 1

Define variables in :root and read them with var(--name).

Loading editor…
READY
intercourses
html