SCSS spacing example

PHOTO EMBED

Wed Jan 13 2021 07:08:42 GMT+0000 (UTC)

Saved by @jenagade #css

:root {
    --space-unit: 1em;
    --space-xxs:  calc(0.25 * var(--space-unit));
    --space-xs:   calc(0.5 * var(--space-unit));
    --space-sm:   calc(0.75 * var(--space-unit));
    --space-md:   calc(1.25 * var(--space-unit));
    --space-lg:   calc(2 * var(--space-unit));
    --space-xl:   calc(3.25 * var(--space-unit));
    --space-xxl:  calc(5.25 * var(--space-unit));
}
content_copyCOPY

https://medium.com/codyhouse/create-your-design-system-part-4-spacing-895c9213e2b9