//
// Design System : SPACING
//
// About : Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.

//
// VARIABLES
//

// stylelint-disable
$spacer: 1rem;
$spacers: ();
$spacers: map-merge((
  0: 0,
  1: $spacer*.5, // 8px
  2: $spacer, // 16px
  3: $spacer*1.5, // 24px
  4: $spacer*2, // 32px
  5: $spacer*3, // 48px
  6: $spacer*4, // 64px
  7: $spacer*6 // 96px
), $spacers);

// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
$sizes: map-merge(
    (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    ),
    $sizes
);