StepsEasy
CSS Variables - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
css
:root { --primary: #3498db; --secondary: #2ecc71; --text: #333; --spacing: 16px; } .card { color: var(--text); padding: var(--spacing); border: 2px solid var(--primary); } .button { background: var(--primary); color: white; }
Result
Click "Run" to execute the code...
Loading runtime...
Ready
CSS | In-Browser Execution