//mixin
$_base-space-unit: 8px;

@function size($n) {
	@return $n * $_base-space-unit;
}

//Export default
$space-xs: size(1) !default; // 8px
$space-s: size(2) !default;    // 16px
$space-m: size(3) !default;  // 24px
$space-l: size(4) !default;    // 32px
$space-xl: size(6) !default;   // 48px
$space-xxl: size(8) !default;  // 64px
$space-xxxl: size(12) !default; // 96px