Spacing

The spacing scale is a base-8 scale. We chose a base-8 scale because eight is a highly composable number (it can be divided and multiplied many times and result in whole numbers), yet allows spacing dense enough for different interface solutions. The scale's exception is that it begins at 4px to allow smaller padding and margin for denser parts of the site, from there on it steps up consistently in equal values of 8px.

--space-xxxsmall: calc(var(--space-xsmall) / 4);--space-xxsmall: calc(var(--space-xsmall) / 2);--space-xsmall: 8px;--space-small: calc(var(--space-xsmall) * 2);--space-medium: calc(var(--space-xsmall) * 3);--space-large: calc(var(--space-xsmall) * 4);--space-xlarge: calc(var(--space-xsmall) * 5);--space-xxlarge: calc(var(--space-xsmall) * 6);--space-xxxlarge: calc(var(--space-xsmall) * 8);