VariableDefault value
$white#fff
$gray-100#f8f9fa
$gray-200#e9ecef
$gray-300#dee2e6
$gray-400#ced4da
$gray-500#adb5bd
$gray-600#6c757d
$gray-700#495057
$gray-800#343a40
$gray-900#212529
$black#000
$grays
(
    "100": $gray-100,
    "200": $gray-200,
    "300": $gray-300,
    "400": $gray-400,
    "500": $gray-500,
    "600": $gray-600,
    "700": $gray-700,
    "800": $gray-800,
    "900": $gray-900
)
$blue#5b6064
$indigo#6610f2
$purple#6f42c1
$pink#e83e8c
$red#dc3545
$orange#fd7e14
$yellow#ffc107
$green#28a745
$teal#20c997
$cyan#17a2b8
$colors
(
    "blue": $blue,
    "indigo": $indigo,
    "purple": $purple,
    "pink": $pink,
    "red": $red,
    "orange": $orange,
    "yellow": $yellow,
    "green": $green,
    "teal": $teal,
    "cyan": $cyan,
    "white": $white,
    "gray": $gray-600,
    "gray-dark": $gray-800
)
$primary$blue
$secondary$gray-600
$success$green
$info$cyan
$warning$yellow
$danger$red
$light$gray-100
$dark$gray-800
$theme-colors
(
    "primary": $primary,
    "secondary": $secondary,
    "success": $success,
    "info": $info,
    "warning": $warning,
    "danger": $danger,
    "light": $light,
    "dark": $dark
)
$theme-color-interval8%
$yiq-contrasted-threshold150
$yiq-text-dark$gray-900
$yiq-text-light$white
$enable-carettrue
$enable-roundedtrue
$enable-shadowsfalse
$enable-gradientsfalse
$enable-transitionstrue
$enable-prefers-reduced-motion-media-querytrue
$enable-hover-media-queryfalse
$enable-grid-classestrue
$enable-pointer-cursor-for-buttonstrue
$enable-print-stylestrue
$enable-responsive-font-sizesfalse
$enable-validation-iconstrue
$enable-deprecation-messagestrue
$spacer1rem
$spacers
(
    0: 0,
    1: $spacer * .25,
    2: $spacer * .5,
    3: $spacer,
    4: $spacer * 1.5,
    5: $spacer * 3
)
$sizes
(
    25: 25%,
    50: 50%,
    75: 75%,
    100: 100%,
    auto: auto
)
$body-bg$white
$body-color$gray-900
$paragraph-margin-bottom1rem
$grid-breakpoints
(
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px
)
$container-max-widths
(
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1140px
)
$grid-columns12
$grid-gutter-width30px
$line-height-lg1.5
$line-height-sm1.5
$border-width1px
$border-color$gray-300
$border-radius.25rem
$border-radius-lg.3rem
$border-radius-sm.2rem
$rounded-pill50rem
$box-shadow-sm0 .125rem .25rem rgba($black, .075)
$box-shadow0 .5rem 1rem rgba($black, .15)
$box-shadow-lg0 1rem 3rem rgba($black, .175)
$component-active-color$white
$component-active-bgtheme-color("primary")
$caret-width.3em
$caret-vertical-align$caret-width * .85
$caret-spacing$caret-width * .85
$transition-baseall .2s ease-in-out
$transition-fadeopacity .15s linear
$transition-collapseheight .35s ease
$embed-responsive-aspect-ratios
(
    (21 9),
    (16 9),
    (4 3),
    (1 1)
)
$font-family-sans-serif-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
$font-family-monospaceSFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
$font-family-base$font-family-sans-serif
$font-size-base1rem
$font-size-lg$font-size-base * 1.25
$font-size-sm$font-size-base * .875
$font-weight-lighterlighter
$font-weight-light300
$font-weight-normal400
$font-weight-bold700
$font-weight-bolderbolder
$font-weight-base$font-weight-normal
$line-height-base1.5
$h1-font-size$font-size-base * 2.5
$h2-font-size$font-size-base * 2
$h3-font-size$font-size-base * 1.75
$h4-font-size$font-size-base * 1.5
$h5-font-size$font-size-base * 1.25
$h6-font-size$font-size-base
$headings-margin-bottom$spacer / 2
$headings-font-familynull
$headings-font-weight500
$headings-line-height1.2
$headings-colornull
$display1-size6rem
$display2-size5.5rem
$display3-size4.5rem
$display4-size3.5rem
$display1-weight300
$display2-weight300
$display3-weight300
$display4-weight300
$display-line-height$headings-line-height
$lead-font-size$font-size-base * 1.25
$lead-font-weight300
$small-font-size80%
$text-muted$gray-600
$blockquote-small-color$gray-600
$blockquote-small-font-size$small-font-size
$blockquote-font-size$font-size-base * 1.25
$hr-border-colorrgba($black, .1)
$hr-border-width$border-width
$mark-padding.2em
$dt-font-weight$font-weight-bold
$kbd-box-shadowinset 0 -.1rem 0 rgba($black, .25)
$nested-kbd-font-weight$font-weight-bold
$list-inline-padding.5rem
$mark-bg#fcf8e3
$hr-margin-y$spacer
$table-cell-padding.75rem
$table-cell-padding-sm.3rem
$table-color$body-color
$table-bgnull
$table-accent-bgrgba($black, .05)
$table-hover-color$table-color
$table-hover-bgrgba($black, .075)
$table-active-bg$table-hover-bg
$table-border-width$border-width
$table-border-color$border-color
$table-head-bg$gray-200
$table-head-color$gray-700
$table-dark-color$white
$table-dark-bg$gray-800
$table-dark-accent-bgrgba($white, .05)
$table-dark-hover-color$table-dark-color
$table-dark-hover-bgrgba($white, .075)
$table-dark-border-colorlighten($table-dark-bg, 7.5%)
$table-striped-orderodd
$table-caption-color$text-muted
$table-bg-level-9
$table-border-level-6
$input-btn-padding-y.375rem
$input-btn-padding-x.75rem
$input-btn-font-familynull
$input-btn-font-size$font-size-base
$input-btn-line-height$line-height-base
$input-btn-focus-width.2rem
$input-btn-focus-colorrgba($component-active-bg, .25)
$input-btn-focus-box-shadow0 0 0 $input-btn-focus-width $input-btn-focus-color
$input-btn-padding-y-sm.25rem
$input-btn-padding-x-sm.5rem
$input-btn-font-size-sm$font-size-sm
$input-btn-line-height-sm$line-height-sm
$input-btn-padding-y-lg.5rem
$input-btn-padding-x-lg1rem
$input-btn-font-size-lg$font-size-lg
$input-btn-line-height-lg$line-height-lg
$input-btn-border-width$border-width
$btn-padding-y$input-btn-padding-y
$btn-padding-x$input-btn-padding-x
$btn-font-family$input-btn-font-family
$btn-font-size$input-btn-font-size
$btn-line-height$input-btn-line-height
$btn-padding-y-sm$input-btn-padding-y-sm
$btn-padding-x-sm$input-btn-padding-x-sm
$btn-font-size-sm$input-btn-font-size-sm
$btn-line-height-sm$input-btn-line-height-sm
$btn-padding-y-lg$input-btn-padding-y-lg
$btn-padding-x-lg$input-btn-padding-x-lg
$btn-font-size-lg$input-btn-font-size-lg
$btn-line-height-lg$input-btn-line-height-lg
$btn-border-width$input-btn-border-width
$btn-font-weight$font-weight-normal
$btn-box-shadowinset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075)
$btn-focus-width$input-btn-focus-width
$btn-focus-box-shadow$input-btn-focus-box-shadow
$btn-disabled-opacity.65
$btn-active-box-shadowinset 0 3px 5px rgba($black, .125)
$btn-block-spacing-y.5rem
$btn-border-radius$border-radius
$btn-border-radius-lg$border-radius-lg
$btn-border-radius-sm$border-radius-sm
$btn-transitioncolor .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
$label-margin-bottom.5rem
$input-padding-y$input-btn-padding-y
$input-padding-x$input-btn-padding-x
$input-font-family$input-btn-font-family
$input-font-size$input-btn-font-size
$input-font-weight$font-weight-base
$input-line-height$input-btn-line-height
$input-padding-y-sm$input-btn-padding-y-sm
$input-padding-x-sm$input-btn-padding-x-sm
$input-font-size-sm$input-btn-font-size-sm
$input-line-height-sm$input-line-height-sm
$input-padding-y-lg$input-btn-padding-y-lg
$input-padding-x-lg$input-btn-padding-x-lg
$input-font-size-lg$input-btn-font-size-lg
$input-line-height-lg$input-btn-line-height-lg
$input-bg$white
$input-disabled-bg$gray-200
$input-color$gray-700
$input-border-color$gray-400
$input-border-width$input-btn-border-width
$input-box-shadowinset 0 1px 1px rgba($black, .075)
$input-border-radius$border-radius
$input-border-radius-lg$border-radius-lg
$input-border-radius-sm$border-radius-sm
$input-focus-bg$input-bg
$input-focus-border-colorlighten($component-active-bg, 25%)
$input-focus-color$input-color
$input-focus-width$input-btn-focus-width
$input-focus-box-shadow$input-btn-focus-box-shadow
$input-placeholder-color$gray-600
$input-plaintext-color$body-color
$input-height-border$input-border-width * 2
$input-height-innercalc(#{$input-line-height * 1em} + #{$input-padding-y * 2})
$input-height-inner-halfcalc(#{$input-line-height * .5em} + #{$input-padding-y})
$input-height-inner-quartercalc(#{$input-line-height * .25em} + #{$input-padding-y / 2})
$input-heightcalc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border})
$input-height-smcalc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border})
$input-height-lgcalc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border})
$input-transitionborder-color .15s ease-in-out, box-shadow .15s ease-in-out
$form-text-margin-top.25rem
$form-check-input-gutter1.25rem
$form-check-input-margin-y.3rem
$form-check-input-margin-x.25rem
$form-check-inline-margin-x.75rem
$form-check-inline-input-margin-x.3125rem
$form-grid-gutter-width10px
$form-group-margin-bottom1rem
$input-group-addon-color$input-color
$input-group-addon-bg$gray-200
$input-group-addon-border-color$input-border-color
$custom-forms-transitionbackground-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
$custom-control-gutter.5rem
$custom-control-spacer-x1rem
$custom-control-indicator-size1rem
$custom-control-indicator-bg$input-bg
$custom-control-indicator-bg-size50% 50%
$custom-control-indicator-box-shadow$input-box-shadow
$custom-control-indicator-border-color$gray-500
$custom-control-indicator-border-width$input-border-width
$custom-control-indicator-disabled-bg$input-disabled-bg
$custom-control-label-disabled-color$gray-600
$custom-control-indicator-checked-color$component-active-color
$custom-control-indicator-checked-bg$component-active-bg
$custom-control-indicator-checked-disabled-bgrgba(theme-color("primary"), .5)
$custom-control-indicator-checked-box-shadownone
$custom-control-indicator-checked-border-color$custom-control-indicator-checked-bg
$custom-control-indicator-focus-box-shadow$input-focus-box-shadow
$custom-control-indicator-focus-border-color$input-focus-border-color
$custom-control-indicator-active-color$component-active-color
$custom-control-indicator-active-bglighten($component-active-bg, 35%)
$custom-control-indicator-active-box-shadownone
$custom-control-indicator-active-border-color$custom-control-indicator-active-bg
$custom-checkbox-indicator-border-radius$border-radius
$custom-checkbox-indicator-icon-checkedstr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"), "#", "%23")
$custom-checkbox-indicator-indeterminate-bg$component-active-bg
$custom-checkbox-indicator-indeterminate-color$custom-control-indicator-checked-color
$custom-checkbox-indicator-icon-indeterminatestr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e"), "#", "%23")
$custom-checkbox-indicator-indeterminate-box-shadownone
$custom-checkbox-indicator-indeterminate-border-color$custom-checkbox-indicator-indeterminate-bg
$custom-radio-indicator-border-radius50%
$custom-radio-indicator-icon-checkedstr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e"), "#", "%23")
$custom-switch-width$custom-control-indicator-size * 1.75
$custom-switch-indicator-border-radius$custom-control-indicator-size / 2
$custom-switch-indicator-sizecalc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4})
$custom-select-padding-y$input-padding-y
$custom-select-padding-x$input-padding-x
$custom-select-font-family$input-font-family
$custom-select-font-size$input-font-size
$custom-select-height$input-height
$custom-select-indicator-padding1rem
$custom-select-font-weight$input-font-weight
$custom-select-line-height$input-line-height
$custom-select-color$input-color
$custom-select-disabled-color$gray-600
$custom-select-bg$input-bg
$custom-select-disabled-bg$gray-200
$custom-select-bg-size8px 10px
$custom-select-indicator-color$gray-800
$custom-select-indicatorstr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#", "%23")
$custom-select-background$custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size
$custom-select-feedback-icon-padding-rightcalc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding})
$custom-select-feedback-icon-positioncenter right ($custom-select-padding-x + $custom-select-indicator-padding)
$custom-select-feedback-icon-size$input-height-inner-half $input-height-inner-half
$custom-select-border-width$input-border-width
$custom-select-border-color$input-border-color
$custom-select-border-radius$border-radius
$custom-select-box-shadowinset 0 1px 2px rgba($black, .075)
$custom-select-focus-border-color$input-focus-border-color
$custom-select-focus-width$input-focus-width
$custom-select-focus-box-shadow0 0 0 $custom-select-focus-width $input-btn-focus-color
$custom-select-padding-y-sm$input-padding-y-sm
$custom-select-padding-x-sm$input-padding-x-sm
$custom-select-font-size-sm$input-font-size-sm
$custom-select-height-sm$input-height-sm
$custom-select-padding-y-lg$input-padding-y-lg
$custom-select-padding-x-lg$input-padding-x-lg
$custom-select-font-size-lg$input-font-size-lg
$custom-select-height-lg$input-height-lg
$custom-range-track-width100%
$custom-range-track-height.5rem
$custom-range-track-cursorpointer
$custom-range-track-bg$gray-300
$custom-range-track-border-radius1rem
$custom-range-track-box-shadowinset 0 .25rem .25rem rgba($black, .1)
$custom-range-thumb-width1rem
$custom-range-thumb-height$custom-range-thumb-width
$custom-range-thumb-bg$component-active-bg
$custom-range-thumb-border0
$custom-range-thumb-border-radius1rem
$custom-range-thumb-box-shadow0 .1rem .25rem rgba($black, .1)
$custom-range-thumb-focus-box-shadow0 0 0 1px $body-bg, $input-focus-box-shadow
$custom-range-thumb-focus-box-shadow-width$input-focus-width
$custom-range-thumb-active-bglighten($component-active-bg, 35%)
$custom-range-thumb-disabled-bg$gray-500
$custom-file-height$input-height
$custom-file-height-inner$input-height-inner
$custom-file-focus-border-color$input-focus-border-color
$custom-file-focus-box-shadow$input-focus-box-shadow
$custom-file-disabled-bg$input-disabled-bg
$custom-file-padding-y$input-padding-y
$custom-file-padding-x$input-padding-x
$custom-file-line-height$input-line-height
$custom-file-font-family$input-font-family
$custom-file-font-weight$input-font-weight
$custom-file-color$input-color
$custom-file-bg$input-bg
$custom-file-border-width$input-border-width
$custom-file-border-color$input-border-color
$custom-file-border-radius$input-border-radius
$custom-file-box-shadow$input-box-shadow
$custom-file-button-color$custom-file-color
$custom-file-button-bg$input-group-addon-bg
$custom-file-text
(
    en: "Browse"
)
$form-feedback-margin-top$form-text-margin-top
$form-feedback-font-size$small-font-size
$form-feedback-valid-colortheme-color("success")
$form-feedback-invalid-colortheme-color("danger")
$form-feedback-icon-valid-color$form-feedback-valid-color
$form-feedback-icon-validstr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23")
$form-feedback-icon-invalid-color$form-feedback-invalid-color
$form-feedback-icon-invalidstr-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23")
$form-validation-states
(
    "valid": (
        "color": $form-feedback-valid-color,
        "icon": $form-feedback-icon-valid
    ),
    "invalid": (
        "color": $form-feedback-invalid-color,
        "icon": $form-feedback-icon-invalid
    ),
)
$zindex-dropdown1000
$zindex-sticky1020
$zindex-fixed1030
$zindex-modal-backdrop1040
$zindex-modal1050
$zindex-popover1060
$zindex-tooltip1070
$pagination-padding-y.5rem
$pagination-padding-x.75rem
$pagination-padding-y-sm.25rem
$pagination-padding-x-sm.5rem
$pagination-padding-y-lg.75rem
$pagination-padding-x-lg1.5rem
$pagination-line-height1.25
$pagination-color$link-color
$pagination-bg$white
$pagination-border-width$border-width
$pagination-border-color$gray-300
$pagination-focus-box-shadow$input-btn-focus-box-shadow
$pagination-focus-outline0
$pagination-hover-color$link-hover-color
$pagination-hover-bg$gray-200
$pagination-hover-border-color$gray-300
$pagination-active-color$component-active-color
$pagination-active-bg$component-active-bg
$pagination-active-border-color$pagination-active-bg
$pagination-disabled-color$gray-600
$pagination-disabled-bg$white
$pagination-disabled-border-color$gray-300
$jumbotron-padding2rem
$jumbotron-colornull
$jumbotron-bg$gray-200
$card-spacer-y.75rem
$card-spacer-x1.25rem
$card-border-width$border-width
$card-border-radius$border-radius
$card-border-colorrgba($black, .125)
$card-inner-border-radiuscalc(#{$card-border-radius} - #{$card-border-width})
$card-cap-bgrgba($black, .03)
$card-cap-colornull
$card-colornull
$card-bg$white
$card-img-overlay-padding1.25rem
$card-group-margin$grid-gutter-width / 2
$card-deck-margin$card-group-margin
$card-columns-count3
$card-columns-gap1.25rem
$card-columns-margin$card-spacer-y
$tooltip-font-size$font-size-sm
$tooltip-max-width200px
$tooltip-color$white
$tooltip-bg$black
$tooltip-border-radius$border-radius
$tooltip-opacity.9
$tooltip-padding-y.25rem
$tooltip-padding-x.5rem
$tooltip-margin0
$tooltip-arrow-width.8rem
$tooltip-arrow-height.4rem
$tooltip-arrow-color$tooltip-bg
$form-feedback-tooltip-padding-y$tooltip-padding-y
$form-feedback-tooltip-padding-x$tooltip-padding-x
$form-feedback-tooltip-font-size$tooltip-font-size
$form-feedback-tooltip-line-height$line-height-base
$form-feedback-tooltip-opacity$tooltip-opacity
$form-feedback-tooltip-border-radius$tooltip-border-radius
$popover-font-size$font-size-sm
$popover-bg$white
$popover-max-width276px
$popover-border-width$border-width
$popover-border-colorrgba($black, .2)
$popover-border-radius$border-radius-lg
$popover-box-shadow0 .25rem .5rem rgba($black, .2)
$popover-header-bgdarken($popover-bg, 3%)
$popover-header-color$headings-color
$popover-header-padding-y.5rem
$popover-header-padding-x.75rem
$popover-body-color$body-color
$popover-body-padding-y$popover-header-padding-y
$popover-body-padding-x$popover-header-padding-x
$popover-arrow-width1rem
$popover-arrow-height.5rem
$popover-arrow-color$popover-bg
$popover-arrow-outer-colorfade-in($popover-border-color, .05)
$toast-max-width350px
$toast-padding-x.75rem
$toast-padding-y.25rem
$toast-font-size.875rem
$toast-colornull
$toast-background-colorrgba($white, .85)
$toast-border-width1px
$toast-border-colorrgba(0, 0, 0, .1)
$toast-border-radius.25rem
$toast-box-shadow0 .25rem .75rem rgba($black, .1)
$toast-header-color$gray-600
$toast-header-background-colorrgba($white, .85)
$toast-header-border-colorrgba(0, 0, 0, .05)
$badge-font-size75%
$badge-font-weight$font-weight-bold
$badge-padding-y.25em
$badge-padding-x.4em
$badge-border-radius$border-radius
$badge-transition$btn-transition
$badge-focus-width$input-btn-focus-width
$badge-pill-padding-x.6em
$badge-pill-border-radius10rem
$alert-padding-y75rem
$alert-padding-x1.25rem
$alert-margin-bottom1rem
$alert-border-radius$border-radius
$alert-border-width$border-width
$alert-bg-level-10
$alert-border-level-9
$alert-color-level6
$progress-height1rem
$progress-font-size$font-size-base * .75
$progress-bg$gray-200
$progress-border-radius$border-radius
$progress-box-shadowinset 0 .1rem .1rem rgba($black, .1)
$progress-bar-color$white
$progress-bar-bgtheme-color("primary")
$progress-bar-animation-timing1s linear infinite
$progress-bar-transitionwidth .6s ease
$list-group-colornull
$list-group-bg$white
$list-group-border-colorrgba($black, .125)
$list-group-border-width$border-width
$list-group-border-radius$border-radius
$list-group-item-padding-y.75rem
$list-group-item-padding-x1.25rem
$list-group-hover-bg$gray-100
$list-group-active-color$component-active-color
$list-group-active-bg$component-active-bg
$list-group-active-border-color$list-group-active-bg
$list-group-disabled-color$gray-600
$list-group-disabled-bg$list-group-bg
$list-group-action-color$gray-700
$list-group-action-hover-color$list-group-action-color
$list-group-action-active-color$body-color
$list-group-action-active-bg$gray-200
$spinner-width2rem
$spinner-height$spinner-width
$spinner-border-width.25em
$spinner-width-sm1rem
$spinner-height-sm$spinner-width-sm
$spinner-border-width-sm.2em
$close-font-size$font-size-base * 1.5
$close-font-weight$font-weight-bold
$close-color$black
$close-text-shadow0 1px 0 $white
$code-font-size87.5%
$code-color$pink
$kbd-padding-y.2rem
$kbd-padding-x.4rem
$kbd-font-size$code-font-size
$kbd-color$white
$kbd-bg$gray-900
$pre-color$gray-900
$pre-scrollable-max-height340px
$displaysnone, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex
$overflowsauto, hidden
$positionsstatic, relative, absolute, fixed, sticky