yagni.css/src/variables/_spacing.css

yagni.css - collection of atomic css declarations to be embedded to your project using postcss

:root {

    --spacing-none: 0;
    --spacing-tiny: 0.125rem;
    --spacing-tiny-xl: 0.25rem;
    --spacing-tiny-xxl: 0.375rem;
    --spacing-small: 0.5rem;
    --spacing-small-xl: 0.625rem;
    --spacing-small-xxl: 0.75rem;
    --spacing-small-xxxl: 0.875rem;
    --spacing-normal: 1rem;
    --spacing-normal-xl: 1.125rem;
    --spacing-normal-xxl: 1.25rem;
    --spacing-normal-xxxl: 1.375rem;
    --spacing-medium: 1.5rem;
    --spacing-medium-xl: 1.625rem;
    --spacing-medium-xxl: 1.75rem;
    --spacing-medium-xxxl: 1.875rem;
    --spacing-large: 2rem;
    --spacing-large-xl: 2.25rem;
    --spacing-large-xxl: 2.5rem;
    --spacing-large-xxxl: 2.75rem;
    --spacing-huge: 3rem;
    --spacing-huge-xl: 4rem;
    --spacing-huge-xxl: 8rem;
    --spacing-huge-xxxl: 16rem;

    --spacing-em-tiny: 0.125em;
    --spacing-em-tiny-xl: 0.25em;
    --spacing-em-tiny-xxl: 0.375em;
    --spacing-em-small: 0.5em;
    --spacing-em-small-xl: 0.625em;
    --spacing-em-small-xxl: 0.75em;
    --spacing-em-small-xxxl: 0.875em;
    --spacing-em-normal: 1em;
    --spacing-em-normal-xl: 1.125em;
    --spacing-em-normal-xxl: 1.25em;
    --spacing-em-normal-xxxl: 1.375em;
    --spacing-em-medium: 1.5em;
    --spacing-em-medium-xl: 1.625em;
    --spacing-em-medium-xxl: 1.75em;
    --spacing-em-medium-xxxl: 1.875em;
    --spacing-em-large: 2em;
    --spacing-em-large-xl: 2.25em;
    --spacing-em-large-xxl: 2.5em;
    --spacing-em-large-xxxl: 2.75em;
    --spacing-em-huge: 3em;
    --spacing-em-huge-xl: 4em;
    --spacing-em-huge-xxl: 8em;
    --spacing-em-huge-xxxl: 16em;

}