// Spacing scale
//
// Use the spacing scale when building individual components. It includes small increments needed to create appropriate spatial relationships for detail-level designs.
// Spacing levels are built from a default Sass map ranging from .25rem to 3rem.
//
// <b>$spacing-01</b>: 2px;<br>
// <b>$spacing-02</b>: 4px;<br>
// <b>$spacing-03</b>: 8px;<br>
// <b>$spacing-04</b>: 12px;<br>
// <b>$spacing-05</b>: 16px<br>
// <b>$spacing-06</b>: 24px;<br>
// <b>$spacing-07</b>: 32px;<br>
// <b>$spacing-08</b>: 40px;<br>
// <b>$spacing-09</b>: 48px;<br>
//
// Styleguide 1.3

$spacer: 1rem;
$spacers: ();
$spacers: map-merge(
  (
    0: 0,
    1: ($spacer * .125),
    2: ($spacer * .25),
    3: ($spacer * .5),
    4: ($spacer * .75),
    5: $spacer,
    6: ($spacer * 1.5),
    7: ($spacer * 2),
    8: ($spacer * 2.5),
    9: ($spacer * 3),
  ),
  $spacers
);

// Bootstrap Spacing system is customized but we define our own spacing level system
$spacing-01: map-get($spacers, 1);
$spacing-02: map-get($spacers, 2);
$spacing-03: map-get($spacers, 3);
$spacing-04: map-get($spacers, 4);
$spacing-05: map-get($spacers, 5);
$spacing-06: map-get($spacers, 6);
$spacing-07: map-get($spacers, 7);
$spacing-08: map-get($spacers, 8);
$spacing-09: map-get($spacers, 9);