Skip to content

Instantly share code, notes, and snippets.

@sebastiano-guerriero
Created October 28, 2019 09:05
Show Gist options
  • Save sebastiano-guerriero/8d50386dbb5f1d216bc752f3dd6924a9 to your computer and use it in GitHub Desktop.
Save sebastiano-guerriero/8d50386dbb5f1d216bc752f3dd6924a9 to your computer and use it in GitHub Desktop.
:root {
--space-unit: 1em;
--space-xxxxs: calc(0.125 * var(--space-unit));
--space-xxxs: calc(0.25 * var(--space-unit));
--space-xxs: calc(0.375 * 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));
--space-xxxl: calc(8.5 * var(--space-unit));
--space-xxxxl: calc(13.75 * var(--space-unit));
--component-padding: var(--space-md);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment