//@see ~bootstrap/scss/_variables.css

// Bootstrap grid
// Change this if you know what you're doing
// Bootstrap uses these for example for col-md-* sizing
$bp-xs: 0;
$bp-sm: 768px;
$bp-md: 992px;
$bp-lg: 1200px;
$bp-xl: 1500px;
$gutter: 16px;

$grid-breakpoints: (
    xs: $bp-xs,
    sm: $bp-sm,
    md: $bp-md,
    lg: $bp-lg,
    xl: $bp-xl
);

$container-max-widths: (
    sm: $bp-sm - 36px,
    md: $bp-md - 48px,
    lg: $bp-lg - 32px,
    xl: $bp-xl - 60px
);

//@see ~bootstrap/scss/_variables.css

$spacer: 1rem;

//Spacer classes
//e.g. mb-1 = margin-bottom spacer*.25 = 4px
// or  mb-1s = margin-bottom 1 spacer = 16px
// or  mb-2s = margin-bottom 2 spacers = 32px
$spacers: (
    0: 0,
    1: (
        $spacer * 0.25
    ),
    2: (
        $spacer * 0.5
    ),
    3: $spacer,
    4: (
        $spacer * 1.5
    ),
    5: (
        $spacer * 3
    ),
    6: (
        $spacer * 4.5
    ),
    7: (
        $spacer * 6
    ),
    8: (
        $spacer * 9
    ),
    9: (
        $spacer * 12
    ),
    1s: (
        $spacer * 1
    ),
    2s: (
        $spacer * 2
    ),
    3s: (
        $spacer * 3
    ),
    4s: (
        $spacer * 4
    ),
    5s: (
        $spacer * 5
    )
);
