CSS Variables
Preview
Colors
primary
secondary
accent
Sizes
spacing-sm0.5rem
spacing-md1rem
spacing-lg1.5rem
radius0.5rem
Generated CSS
:root {
--primary: #6366f1;
--secondary: #8b5cf6;
--accent: #ec4899;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 1.5rem;
--radius: 0.5rem;
}
/* Usage */
.element {
color: var(--primary);
padding: var(--spacing-md);
border-radius: var(--radius);
}