2025-02-17 23:42:35 -08:00
|
|
|
// Configuration
|
|
|
|
|
//
|
|
|
|
|
// Variables and settings not related to theme, components, and more go here. It does include layout.
|
|
|
|
|
|
|
|
|
|
$prefix: bs- !default;
|
|
|
|
|
|
2025-02-18 13:37:25 -08:00
|
|
|
$enable-caret: true !default;
|
|
|
|
|
$enable-rounded: true !default;
|
|
|
|
|
$enable-shadows: false !default;
|
|
|
|
|
$enable-gradients: false !default;
|
|
|
|
|
$enable-transitions: true !default;
|
|
|
|
|
$enable-reduced-motion: true !default;
|
|
|
|
|
$enable-smooth-scroll: true !default;
|
|
|
|
|
$enable-container-classes: true !default;
|
|
|
|
|
$enable-button-pointers: true !default;
|
|
|
|
|
$enable-rfs: true !default;
|
|
|
|
|
$enable-validation-icons: true !default;
|
|
|
|
|
$enable-negative-margins: false !default;
|
|
|
|
|
$enable-deprecation-messages: true !default;
|
|
|
|
|
$enable-important-utilities: true !default;
|
|
|
|
|
|
|
|
|
|
$enable-dark-mode: true !default;
|
|
|
|
|
$color-mode-type: data !default; // `data` or `media-query`
|
|
|
|
|
|
2025-02-17 23:42:35 -08:00
|
|
|
// more to come here…
|
|
|
|
|
|
2025-02-18 09:50:10 -08:00
|
|
|
$color-mode-type: "media-query" !default;
|
|
|
|
|
$color-contrast-dark: #000 !default;
|
|
|
|
|
$color-contrast-light: #fff !default;
|
|
|
|
|
$min-contrast-ratio: 4.5 !default;
|
|
|
|
|
|
2025-02-17 23:42:35 -08:00
|
|
|
// Grid breakpoints
|
|
|
|
|
//
|
|
|
|
|
// Define the minimum dimensions at which your layout will change,
|
|
|
|
|
// adapting to different screen sizes, for use in media queries.
|
|
|
|
|
|
|
|
|
|
// scss-docs-start grid-breakpoints
|
|
|
|
|
$grid-breakpoints: (
|
|
|
|
|
xs: 0,
|
|
|
|
|
sm: 576px,
|
|
|
|
|
md: 768px,
|
|
|
|
|
lg: 992px,
|
|
|
|
|
xl: 1200px,
|
|
|
|
|
xxl: 1400px
|
|
|
|
|
) !default;
|
|
|
|
|
// scss-docs-end grid-breakpoints
|
|
|
|
|
|
|
|
|
|
// Grid columns
|
|
|
|
|
//
|
|
|
|
|
// Set the number of columns and specify the width of the gutters.
|
|
|
|
|
|
|
|
|
|
$grid-columns: 12 !default;
|
|
|
|
|
$grid-gutter-width: 1.5rem !default;
|
|
|
|
|
$grid-row-columns: 6 !default;
|
|
|
|
|
|
|
|
|
|
// Grid containers
|
|
|
|
|
//
|
|
|
|
|
// Define the maximum width of `.container` for different screen sizes.
|
|
|
|
|
|
|
|
|
|
// scss-docs-start container-max-widths
|
|
|
|
|
$container-max-widths: (
|
|
|
|
|
sm: 540px,
|
|
|
|
|
md: 720px,
|
|
|
|
|
lg: 960px,
|
|
|
|
|
xl: 1140px,
|
|
|
|
|
xxl: 1320px
|
|
|
|
|
) !default;
|
|
|
|
|
// scss-docs-end container-max-widths
|
|
|
|
|
|
|
|
|
|
$container-padding-x: $grid-gutter-width !default;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Characters which are escaped by the escape-svg function
|
|
|
|
|
$escaped-characters: (
|
|
|
|
|
("<", "%3c"),
|
|
|
|
|
(">", "%3e"),
|
|
|
|
|
("#", "%23"),
|
|
|
|
|
("(", "%28"),
|
|
|
|
|
(")", "%29"),
|
|
|
|
|
) !default;
|
