// 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;