// Variables // Options // // Quickly modify global styling by enabling or disabling optional features.

$enable-caret: true !default; $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-prefers-reduced-motion-media-query: true !default; $enable-grid-classes: true !default; $enable-pointer-cursor-for-buttons: true !default; $enable-responsive-font-sizes: false !default; $enable-validation-icons: true !default; $enable-deprecation-messages: true !default;

// Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (

xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px

) !default;

@include _assert-ascending($grid-breakpoints, “$grid-breakpoints”); @include _assert-starts-at-zero($grid-breakpoints, “$grid-breakpoints”);

// Grid columns // // Set the number of columns and specify the width of the gutters.

$grid-columns: 12 !default; $grid-gutter-width: 30px !default;

// Container padding

$container-padding-x: $grid-gutter-width / 2 !default;

// Spacing // // 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.

$spacer: 1.5rem !default; $spacers: () !default; // stylelint-disable-next-line scss/dollar-variable-default $spacers: map-merge(

(
  0: 0,
  1: $spacer * .25,
  2: $spacer * .5,
  3: $spacer,
  4: $spacer * 1.5,
  5: $spacer * 3,
),
$spacers

);

$negative-spacers: negativify-map($spacers) !default;