$spacer: 8px !default;

$space-3xs: $spacer * 0.25 !default;
$space-2xs: $spacer * 0.5 !default;
$space-xs: $spacer !default;
$space-normal: $spacer * 1.5 !default;
$space-small: $spacer * 2 !default;
$space-medium: $spacer * 3 !default;
$space-large: $spacer * 4 !default;
$space-xl: $spacer * 5 !default;
$space-2xl: $spacer * 6 !default;
$space-3xl: $spacer * 8 !default;
$space-4xl: $spacer * 10 !default;
$space-5xl: $spacer * 15 !default;
$space-6xl: $spacer * 20 !default;