Loading…
Loading…
Generate complete spacing scales from a base value — export as CSS, Tailwind, Figma tokens, or SCSS.
:root {
--spacing-md: 0.25rem; /* 4px */
--spacing-lg: 0.5rem; /* 8px */
--spacing-xl: 0.75rem; /* 12px */
--spacing-2xl: 1rem; /* 16px */
--spacing-3xl: 1.25rem; /* 20px */
--spacing-4xl: 1.5rem; /* 24px */
--spacing-5xl: 1.75rem; /* 28px */
--spacing-6xl: 2rem; /* 32px */
--spacing-7xl: 2.25rem; /* 36px */
--spacing-8xl: 2.5rem; /* 40px */
}