$spacingNone: 0 !important;
$spacingSmall: 0.5em !important;
$spacingMedium: 1em !important;
$spacingLarge: 2em !important;
$spacingXLarge: 4em !important;

$spacingPerc5: 5% !important;
$spacingPerc7-5: 7.5% !important;
$spacingPerc10: 10% !important;
$spacingPerc12-5: 12.5% !important;
$spacingPerc15: 15% !important;
$spacingPerc17-5: 17.5% !important;
$spacingPerc20: 20% !important;

$breakSmall:          480px  !default;
$breakMedium:         767px  !default;
$breakMediumLarge:    979px  !default; // (+1 = default desktop)
$breakLarge:          1200px !default;

$property-list:
        (m, 	margin),
        (p, 	padding);

$amount-list:
        (n, 	$spacingNone),
        (s, 	$spacingSmall),
        (m, 	$spacingMedium),
        (l, 	$spacingLarge),
        (xl, 	$spacingXLarge),
        (p5, 	$spacingPerc5),
        (p7-5, 	$spacingPerc7-5),
        (p10, 	$spacingPerc10),
        (p12-5, $spacingPerc12-5),
        (p15, 	$spacingPerc15),
        (p17-5, $spacingPerc17-5),
        (p20, 	$spacingPerc20);


$direction-map: (
        top:    (a, v, t),
        right:  (a, h, r),
        bottom: (a, v, b),
        left:   (a, h, l),
);

$children-list: first, last;

$responsive-map: (
        x-small: (
            code: xs,
            min: 'none',
            max: $breakSmall - 1,
        ),
        small: (
            code: sm,
            min: $breakSmall,
            max: $breakMedium - 1,
        ),
        medium: (
                code: md,
                min: $breakMedium,
                max: $breakMediumLarge - 1,
        ),
        large: (
                code: lg,
                min: $breakMediumLarge,
                max: $breakLarge - 1,
        ),
        x-large: (
                code: xl,
                min: $breakLarge,
                max: 'none',
        ),
)