Скопировано!!! 👍
Colors
-
$white#fff !default;
-
$gray-100#f8f9fa !default;
-
$gray-200#e9ecef !default;
-
$gray-300#dee2e6 !default;
-
$gray-400#ced4da !default;
-
$gray-500#adb5bd !default;
-
$gray-600#6c757d !default;
-
$gray-700#495057 !default;
-
$gray-800#343a40 !default;
-
$gray-900#212529 !default;
-
$black#000 !default;
-
$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 ) !default;
-
$blue#0d6efd !default;
-
$indigo#6610f2 !default;
-
$purple#6f42c1 !default;
-
$pink#d63384 !default;
-
$red#dc3545 !default;
-
$orange#fd7e14 !default;
-
$yellow#ffc107 !default;
-
$green#198754 !default;
-
$teal#20c997 !default;
-
$cyan#0dcaf0 !default;
-
$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 ) !default;
-
$primary$blue !default;
-
$secondary$gray-600 !default;
-
$success$green !default;
-
$info$cyan !default;
-
$warning$yellow !default;
-
$danger$red !default;
-
$light$gray-100 !default;
-
$dark$gray-900 !default;
-
$theme-colors( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark ) !default;
-
$min-contrast-ratio4.5 !default;
-
$color-contrast-dark$black !default;
-
$color-contrast-light$white !default;
-
$gradientlinear-gradient(180deg, rgba($white, .15), rgba($white, 0)) !default;
Enabling Feature
-
$enable-carettrue !default;
-
$enable-roundedtrue !default;
-
$enable-shadowsfalse !default;
-
$enable-gradientsfalse !default;
-
$enable-transitionstrue !default;
-
$enable-reduced-motiontrue !default;
-
$enable-smooth-scrolltrue !default;
-
$enable-grid-classestrue !default;
-
$enable-button-pointerstrue !default;
-
$enable-rfstrue !default;
-
$enable-validation-iconstrue !default;
-
$enable-negative-marginsfalse !default;
-
$enable-deprecation-messagestrue !default;
-
$enable-important-utilitiestrue !default;
Spacers & Position
-
$spacer1rem !default;
-
$spacers( 0: 0, 1: $spacer / 4, 2: $spacer / 2, 3: $spacer, 4: $spacer * 1.5, 5: $spacer * 3, ) !default;
-
$negative-spacersif($enable-negative-margins, negativify-map($spacers), null) !default;
-
$position-values( 0: 0, 50: 50%, 100: 100% ) !default;
Body
-
$body-bg$white !default;
-
$body-color$gray-900 !default;
-
$body-text-alignnull !default;
-
$paragraph-margin-bottom1rem !default;
Links
-
$link-color$primary !default;
-
$link-decorationunderline !default;
-
$link-shade-percentage20% !default;
-
$link-hover-colorshift-color($link-color, $link-shade-percentage) !default;
-
$link-hover-decorationnull !default;
-
$stretched-link-pseudo-elementafter !default;
-
$stretched-link-z-index1 !default;
Grid
-
$enable-grid-classestrue !default;
-
$enable-cssgridfalse !default;
-
$grid-breakpoints( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px // New ) !default;
-
$container-max-widths( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1320px // New ) !default;
-
$grid-columns12 !default;
-
$grid-gutter-width1.5rem !default;
-
$grid-row-columns6 !default;
-
$gutters$spacers !default;
-
$container-padding-x$grid-gutter-width / 2 !default;
Components
-
$border-width1px !default;
-
$border-widths( 0: 0, 1: 1px, 2: 2px, 3: 3px, 4: 4px, 5: 5px ) !default;
-
$border-color$gray-300 !default;
-
$border-radius.25rem !default;
-
$border-radius-sm.2rem !default;
-
$border-radius-lg.3rem !default;
-
$border-radius-pill50rem !default;
-
$box-shadow0 .5rem 1rem rgba($black, .15) !default;
-
$box-shadow-sm0 .125rem .25rem rgba($black, .075) !default;
-
$box-shadow-lg0 1rem 3rem rgba($black, .175) !default;
-
$box-shadow-insetinset 0 1px 2px rgba($black, .075) !default;
-
$component-active-color$white !default;
-
$component-active-bg$primary !default;
-
$caret-width.3em !default;
-
$caret-vertical-align$caret-width * .85 !default;
-
$caret-spacing$caret-width * .85 !default;
-
$transition-baseall .2s ease-in-out !default;
-
$transition-fadeopacity .15s linear !default;
-
$transition-collapseheight .35s ease !default;
-
$transition-collapse-widthwidth .35s ease;
-
$placeholder-opacity-max.5;
-
$placeholder-opacity-min.2;
Typography
-
$font-family-sans-serifsystem-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-
$font-family-monospaceSFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-
$font-family-basevar(--#{$variable-prefix}font-sans-serif) !default;
-
$font-family-codevar(--#{$variable-prefix}font-monospace) !default;
-
$font-size-rootnull !default;
-
$font-size-base1rem !default;
-
$font-size-sm$font-size-base * .875 !default;
-
$font-size-lg$font-size-base * 1.25 !default;
-
$font-weight-lighterlighter !default;
-
$font-weight-light300 !default;
-
$font-weight-normal400 !default;
-
$font-weight-bold700 !default;
-
$font-weight-bolderbolder !default;
-
$font-weight-base$font-weight-normal !default;
-
$line-height-base1.5 !default;
-
$line-height-sm1.25 !default;
-
$line-height-lg2 !default;
-
$h1-font-size$font-size-base * 2.5 !default;
-
$h2-font-size$font-size-base * 2 !default;
-
$h3-font-size$font-size-base * 1.75 !default;
-
$h4-font-size$font-size-base * 1.5 !default;
-
$h5-font-size$font-size-base * 1.25 !default;
-
$h6-font-size$font-size-base !default;
-
$font-sizes( 1: $h1-font-size, 2: $h2-font-size, 3: $h3-font-size, 4: $h4-font-size, 5: $h5-font-size, 6: $h6-font-size ) !default;
-
$headings-margin-bottom$spacer / 2 !default;
-
$headings-font-familynull !default;
-
$headings-font-stylenull !default;
-
$headings-font-weight500 !default;
-
$headings-line-height1.2 !default;
-
$headings-colornull !default;
-
$display-font-sizes( 1: 5rem, 2: 4.5rem, 3: 4rem, 4: 3.5rem, 5: 3rem, 6: 2.5rem ) !default;
-
$display-font-weight300 !default;
-
$display-line-height$headings-line-height !default;
-
$lead-font-size$font-size-base * 1.25 !default;
-
$lead-font-weight300 !default;
-
$small-font-size.875em !default;
-
$sub-sup-font-size.75em !default;
-
$text-muted$gray-600 !default;
-
$initialism-font-size$small-font-size !default;
-
$blockquote-margin-y$spacer !default;
-
$blockquote-font-size$font-size-base * 1.25 !default;
-
$blockquote-footer-color$gray-600 !default;
-
$blockquote-footer-font-size$small-font-size !default;
-
$hr-margin-y$spacer !default;
-
$hr-colorinherit !default;
-
$hr-height$border-width !default;
-
$hr-opacity.25 !default;
-
$legend-margin-bottom.5rem !default;
-
$legend-font-size1.5rem !default;
-
$legend-font-weightnull !default;
-
$mark-padding.2em !default;
-
$dt-font-weight$font-weight-bold !default;
-
$nested-kbd-font-weight$font-weight-bold !default;
-
$list-inline-padding.5rem !default;
-
$mark-bg#fcf8e3 !default;
Tables
-
$table-cell-padding-y.5rem !default;
-
$table-cell-padding-x.5rem !default;
-
$table-cell-padding-y-sm.25rem !default;
-
$table-cell-padding-x-sm.25rem !default;
-
$table-cell-vertical-aligntop !default;
-
$table-color$body-color !default;
-
$table-bgtransparent !default;
-
$table-th-font-weightnull !default;
-
$table-striped-color$table-color !default;
-
$table-striped-bg-factor.05 !default;
-
$table-striped-bgrgba($black, $table-striped-bg-factor) !default;
-
$table-active-color$table-color !default;
-
$table-active-bg-factor.1 !default;
-
$table-active-bgrgba($black, $table-active-bg-factor) !default;
-
$table-hover-color$table-color !default;
-
$table-hover-bg-factor.075 !default;
-
$table-hover-bgrgba($black, $table-hover-bg-factor) !default;
-
$table-border-factor.1 !default;
-
$table-border-width$border-width !default;
-
$table-border-color$border-color !default;
-
$table-striped-orderodd !default;
-
$table-group-separator-colorcurrentColor !default;
-
$table-caption-color$text-muted !default;
-
$table-bg-scale-80% !default;
-
$table-variants( "primary": shift-color($primary, $table-bg-scale), "secondary": shift-color($secondary, $table-bg-scale), "success": shift-color($success, $table-bg-scale), "info": shift-color($info, $table-bg-scale), "warning": shift-color($warning, $table-bg-scale), "danger": shift-color($danger, $table-bg-scale), "light": $light, "dark": $dark, ) !default;
-
$table-accent-bgtransparent;
Buttons + Forms
-
$input-btn-padding-y.375rem !default;
-
$input-btn-padding-x.75rem !default;
-
$input-btn-font-familynull !default;
-
$input-btn-font-size$font-size-base !default;
-
$input-btn-line-height$line-height-base !default;
-
$input-btn-focus-width.25rem !default;
-
$input-btn-focus-color-opacity.25 !default;
-
$input-btn-focus-colorrgba($component-active-bg, $input-btn-focus-color-opacity) !default;
-
$input-btn-focus-box-shadow0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-
$input-btn-padding-y-sm.25rem !default;
-
$input-btn-padding-x-sm.5rem !default;
-
$input-btn-font-size-sm$font-size-sm !default;
-
$input-btn-padding-y-lg.5rem !default;
-
$input-btn-padding-x-lg1rem !default;
-
$input-btn-font-size-lg$font-size-lg !default;
-
$input-btn-border-width$border-width !default;
Buttons
-
$btn-padding-y$input-btn-padding-y !default;
-
$btn-padding-x$input-btn-padding-x !default;
-
$btn-font-family$input-btn-font-family !default;
-
$btn-font-size$input-btn-font-size !default;
-
$btn-line-height$input-btn-line-height !default;
-
$btn-white-spacenull !default;
-
$btn-padding-y-sm$input-btn-padding-y-sm !default;
-
$btn-padding-x-sm$input-btn-padding-x-sm !default;
-
$btn-font-size-sm$input-btn-font-size-sm !default;
-
$btn-padding-y-lg$input-btn-padding-y-lg !default;
-
$btn-padding-x-lg$input-btn-padding-x-lg !default;
-
$btn-font-size-lg$input-btn-font-size-lg !default;
-
$btn-border-width$input-btn-border-width !default;
-
$btn-font-weight$font-weight-normal !default;
-
$btn-box-shadowinset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
-
$btn-focus-width$input-btn-focus-width !default;
-
$btn-focus-box-shadow$input-btn-focus-box-shadow !default;
-
$btn-disabled-opacity.65 !default;
-
$btn-active-box-shadowinset 0 3px 5px rgba($black, .125) !default;
-
$btn-link-color$link-color !default;
-
$btn-link-hover-color$link-hover-color !default;
-
$btn-link-disabled-color$gray-600 !default;
-
$btn-border-radius$border-radius !default;
-
$btn-border-radius-sm$border-radius-sm !default;
-
$btn-border-radius-lg$border-radius-lg !default;
-
$btn-transitioncolor .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
$btn-hover-bg-shade-amount15% !default;
-
$btn-hover-bg-tint-amount15% !default;
-
$btn-hover-border-shade-amount20% !default;
-
$btn-hover-border-tint-amount10% !default;
-
$btn-active-bg-shade-amount20% !default;
-
$btn-active-bg-tint-amount20% !default;
-
$btn-active-border-shade-amount25% !default;
-
$btn-active-border-tint-amount10% !default;
Form: Input
-
$form-text-margin-top.25rem !default;
-
$form-text-font-size$small-font-size !default;
-
$form-text-font-stylenull !default;
-
$form-text-font-weightnull !default;
-
$form-text-color$text-muted !default;
-
$form-label-margin-bottom.5rem !default;
-
$form-label-font-sizenull !default;
-
$form-label-font-stylenull !default;
-
$form-label-font-weightnull !default;
-
$form-label-colornull !default;
-
$input-padding-y$input-btn-padding-y !default;
-
$input-padding-x$input-btn-padding-x !default;
-
$input-font-family$input-btn-font-family !default;
-
$input-font-size$input-btn-font-size !default;
-
$input-font-weight$font-weight-base !default;
-
$input-line-height$input-btn-line-height !default;
-
$input-padding-y-sm$input-btn-padding-y-sm !default;
-
$input-padding-x-sm$input-btn-padding-x-sm !default;
-
$input-font-size-sm$input-btn-font-size-sm !default;
-
$input-padding-y-lg$input-btn-padding-y-lg !default;
-
$input-padding-x-lg$input-btn-padding-x-lg !default;
-
$input-font-size-lg$input-btn-font-size-lg !default;
-
$input-bg$white !default;
-
$input-disabled-bg$gray-200 !default;
-
$input-disabled-border-colornull !default;
-
$input-color$body-color !default;
-
$input-border-color$gray-400 !default;
-
$input-border-width$input-btn-border-width !default;
-
$input-box-shadow$box-shadow-inset !default;
-
$input-border-radius$border-radius !default;
-
$input-border-radius-sm$border-radius-sm !default;
-
$input-border-radius-lg$border-radius-lg !default;
-
$input-focus-bg$input-bg !default;
-
$input-focus-border-colortint-color($component-active-bg, 50%) !default;
-
$input-focus-color$input-color !default;
-
$input-focus-width$input-btn-focus-width !default;
-
$input-focus-box-shadow$input-btn-focus-box-shadow !default;
-
$input-placeholder-color$gray-600 !default;
-
$input-plaintext-color$body-color !default;
-
$input-height-border$input-border-width * 2 !default;
-
$input-height-inneradd($input-line-height * 1em, $input-padding-y * 2) !default;
-
$input-height-inner-halfadd($input-line-height * .5em, $input-padding-y) !default;
-
$input-height-inner-quarteradd($input-line-height * .25em, $input-padding-y / 2) !default;
-
$input-heightadd($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
-
$input-height-smadd($input-line-height * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
-
$input-height-lgadd($input-line-height * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
-
$input-transitionborder-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
Form: Check
-
$form-check-input-width1em !default;
-
$form-check-min-height$font-size-base * $line-height-base !default;
-
$form-check-padding-start$form-check-input-width + .5em !default;
-
$form-check-margin-bottom.125rem !default;
-
$form-check-label-colornull !default;
-
$form-check-label-cursornull !default;
-
$form-check-transitionbackground-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
$form-check-input-active-filterbrightness(90%) !default;
-
$form-check-input-bg$body-bg !default;
-
$form-check-input-border1px solid rgba(0, 0, 0, .25) !default;
-
$form-check-input-border-radius.25em !default;
-
$form-check-radio-border-radius50% !default;
-
$form-check-input-focus-border$input-focus-border-color !default;
-
$form-check-input-focus-box-shadow$input-btn-focus-box-shadow !default;
-
$form-check-input-checked-color$component-active-color !default;
-
$form-check-input-checked-bg-color$component-active-bg !default;
-
$form-check-input-checked-border-color$form-check-input-checked-bg-color !default;
-
$form-check-input-checked-bg-imageurl("data:image/svg+xml,") !default;
-
$form-check-radio-checked-bg-imageurl("data:image/svg+xml,") !default;
-
$form-check-input-indeterminate-color$component-active-color !default;
-
$form-check-input-indeterminate-bg-color$component-active-bg !default;
-
$form-check-input-indeterminate-border-color$form-check-input-indeterminate-bg-color !default;
-
$form-check-input-indeterminate-bg-imageurl("data:image/svg+xml,") !default;
-
$form-check-input-disabled-opacity.5 !default;
-
$form-check-label-disabled-opacity$form-check-input-disabled-opacity !default;
-
$form-check-btn-check-disabled-opacity$btn-disabled-opacity !default;
-
$form-check-inline-margin-end1rem !default;
Form: Switch
-
$form-switch-colorrgba(0, 0, 0, .25) !default;
-
$form-switch-width2em !default;
-
$form-switch-padding-start$form-switch-width + .5em !default;
-
$form-switch-bg-imageurl("data:image/svg+xml,") !default;
-
$form-switch-border-radius$form-switch-width !default;
-
$form-switch-focus-color$input-focus-border-color !default;
-
$form-switch-focus-bg-imageurl("data:image/svg+xml,") !default;
-
$form-switch-checked-color$component-active-color !default;
-
$form-switch-checked-bg-imageurl("data:image/svg+xml,") !default;
-
$form-switch-checked-bg-positionright center !default;
Form: Input Group
-
$input-group-addon-padding-y$input-padding-y !default;
-
$input-group-addon-padding-x$input-padding-x !default;
-
$input-group-addon-font-weight$input-font-weight !default;
-
$input-group-addon-color$input-color !default;
-
$input-group-addon-bg$gray-200 !default;
-
$input-group-addon-border-color$input-border-color !default;
Form: Select
-
$form-select-padding-y$input-padding-y !default;
-
$form-select-padding-x$input-padding-x !default;
-
$form-select-font-family$input-font-family !default;
-
$form-select-font-size$input-font-size !default;
-
$form-select-indicator-padding$form-select-padding-x * 3 !default;
-
$form-select-font-weight$input-font-weight !default;
-
$form-select-line-height$input-line-height !default;
-
$form-select-color$input-color !default;
-
$form-select-disabled-color$gray-600 !default;
-
$form-select-bg$input-bg !default;
-
$form-select-disabled-bg$gray-200 !default;
-
$form-select-disabled-border-color$input-disabled-border-color !default;
-
$form-select-bg-positionright $form-select-padding-x center !default;
-
$form-select-bg-size16px 12px !default;
-
$form-select-indicator-color$gray-800 !default;
-
$form-select-indicatorurl("data:image/svg+xml,") !default;
-
$form-select-feedback-icon-padding-end$form-select-padding-x * 2.5 + $form-select-indicator-padding !default;
-
$form-select-feedback-icon-positioncenter right $form-select-indicator-padding !default;
-
$form-select-feedback-icon-size$input-height-inner-half $input-height-inner-half !default;
-
$form-select-border-width$input-border-width !default;
-
$form-select-border-color$input-border-color !default;
-
$form-select-border-radius$border-radius !default;
-
$form-select-box-shadow$box-shadow-inset !default;
-
$form-select-focus-border-color$input-focus-border-color !default;
-
$form-select-focus-width$input-focus-width !default;
-
$form-select-focus-box-shadow0 0 0 $form-select-focus-width $input-btn-focus-color !default;
-
$form-select-padding-y-sm$input-padding-y-sm !default;
-
$form-select-padding-x-sm$input-padding-x-sm !default;
-
$form-select-font-size-sm$input-font-size-sm !default;
-
$form-select-padding-y-lg$input-padding-y-lg !default;
-
$form-select-padding-x-lg$input-padding-x-lg !default;
-
$form-select-font-size-lg$input-font-size-lg !default;
Form: Range
-
$form-range-track-width100% !default;
-
$form-range-track-height.5rem !default;
-
$form-range-track-cursorpointer !default;
-
$form-range-track-bg$gray-300 !default;
-
$form-range-track-border-radius1rem !default;
-
$form-range-track-box-shadow$box-shadow-inset !default;
-
$form-range-thumb-width1rem !default;
-
$form-range-thumb-height$form-range-thumb-width !default;
-
$form-range-thumb-bg$component-active-bg !default;
-
$form-range-thumb-border0 !default;
-
$form-range-thumb-border-radius1rem !default;
-
$form-range-thumb-box-shadow0 .1rem .25rem rgba($black, .1) !default;
-
$form-range-thumb-focus-box-shadow0 0 0 1px $body-bg, $input-focus-box-shadow !default;
-
$form-range-thumb-focus-box-shadow-width$input-focus-width !default;
-
$form-range-thumb-active-bgtint-color($component-active-bg, 70%) !default;
-
$form-range-thumb-disabled-bg$gray-500 !default;
-
$form-range-thumb-transitionbackground-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
Form: Misc
-
$form-file-button-color$input-color !default;
-
$form-file-button-bg$input-group-addon-bg !default;
-
$form-file-button-hover-bgshade-color($form-file-button-bg, 5%) !default;
-
$form-floating-heightadd(3.5rem, $input-height-border) !default;
-
$form-floating-padding-x$input-padding-x !default;
-
$form-floating-padding-y1rem !default;
-
$form-floating-input-padding-t1.625rem !default;
-
$form-floating-input-padding-b.625rem !default;
-
$form-floating-label-opacity.65 !default;
-
$form-floating-label-transformscale(.85) translateY(-.5rem) translateX(.15rem) !default;
-
$form-floating-transitionopacity .1s ease-in-out, transform .1s ease-in-out !default;
Form: Validation
-
$form-feedback-margin-top$form-text-margin-top !default;
-
$form-feedback-font-size$form-text-font-size !default;
-
$form-feedback-font-style$form-text-font-style !default;
-
$form-feedback-valid-color$success !default;
-
$form-feedback-invalid-color$danger !default;
-
$form-feedback-icon-valid-color$form-feedback-valid-color !default;
-
$form-feedback-icon-validurl("data:image/svg+xml,") !default;
-
$form-feedback-icon-invalid-color$form-feedback-invalid-color !default;
-
$form-feedback-icon-invalidurl("data:image/svg+xml,") !default;
-
$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 ) ) !default;
-
$form-feedback-tooltip-padding-y$tooltip-padding-y !default;
-
$form-feedback-tooltip-padding-x$tooltip-padding-x !default;
-
$form-feedback-tooltip-font-size$tooltip-font-size !default;
-
$form-feedback-tooltip-line-heightnull !default;
-
$form-feedback-tooltip-opacity$tooltip-opacity !default;
-
$form-feedback-tooltip-border-radius$tooltip-border-radius !default;
z-index
-
$zindex-dropdown1000 !default;
-
$zindex-sticky1020 !default;
-
$zindex-fixed1030 !default;
-
$zindex-modal-backdrop1040 !default;
-
$zindex-modal1050 !default;
-
$zindex-popover1060 !default;
-
$zindex-tooltip1070 !default;
-
$zindex-offcanvas-backdrop1040 !default;
-
$zindex-offcanvas1045 !default;
Navs
Navbar
Dropdowns
-
$dropdown-min-width10rem !default;
-
$dropdown-padding-x0 !default;
-
$dropdown-padding-y.5rem !default;
-
$dropdown-spacer.125rem !default;
-
$dropdown-font-size$font-size-base !default;
-
$dropdown-color$body-color !default;
-
$dropdown-bg$white !default;
-
$dropdown-border-colorrgba($black, .15) !default;
-
$dropdown-border-radius$border-radius !default;
-
$dropdown-border-width$border-width !default;
-
$dropdown-inner-border-radiussubtract($dropdown-border-radius, $dropdown-border-width) !default;
-
$dropdown-divider-bg$dropdown-border-color !default;
-
$dropdown-divider-margin-y$spacer / 2 !default;
-
$dropdown-box-shadow$box-shadow !default;
-
$dropdown-link-color$gray-900 !default;
-
$dropdown-link-hover-colorshade-color($gray-900, 10%) !default;
-
$dropdown-link-hover-bg$gray-100 !default;
-
$dropdown-link-active-color$component-active-color !default;
-
$dropdown-link-active-bg$component-active-bg !default;
-
$dropdown-link-disabled-color$gray-600 !default;
-
$dropdown-item-padding-y$spacer / 4 !default;
-
$dropdown-item-padding-x$spacer !default;
-
$dropdown-header-color$gray-600 !default;
-
$dropdown-header-padding$dropdown-padding-y $dropdown-item-padding-x !default;
-
$dropdown-dark-color$gray-300 !default;
-
$dropdown-dark-bg$gray-800 !default;
-
$dropdown-dark-border-color$dropdown-border-color !default;
-
$dropdown-dark-divider-bg$dropdown-divider-bg !default;
-
$dropdown-dark-box-shadownull !default;
-
$dropdown-dark-link-color$dropdown-dark-color !default;
-
$dropdown-dark-link-hover-color$white !default;
-
$dropdown-dark-link-hover-bgrgba($white, .15) !default;
-
$dropdown-dark-link-active-color$dropdown-link-active-color !default;
-
$dropdown-dark-link-active-bg$dropdown-link-active-bg !default;
-
$dropdown-dark-link-disabled-color$gray-500 !default;
-
$dropdown-dark-header-color$gray-500 !default;
Pagination
-
$pagination-padding-y.375rem !default;
-
$pagination-padding-x.75rem !default;
-
$pagination-padding-y-sm.25rem !default;
-
$pagination-padding-x-sm.5rem !default;
-
$pagination-padding-y-lg.75rem !default;
-
$pagination-padding-x-lg1.5rem !default;
-
$pagination-color$link-color !default;
-
$pagination-bg$white !default;
-
$pagination-border-width$border-width !default;
-
$pagination-border-radius$border-radius !default;
-
$pagination-margin-start-$pagination-border-width !default;
-
$pagination-border-color$gray-300 !default;
-
$pagination-focus-color$link-hover-color !default;
-
$pagination-focus-bg$gray-200 !default;
-
$pagination-focus-box-shadow$input-btn-focus-box-shadow !default;
-
$pagination-focus-outline0 !default;
-
$pagination-hover-color$link-hover-color !default;
-
$pagination-hover-bg$gray-200 !default;
-
$pagination-hover-border-color$gray-300 !default;
-
$pagination-active-color$component-active-color !default;
-
$pagination-active-bg$component-active-bg !default;
-
$pagination-active-border-color$pagination-active-bg !default;
-
$pagination-disabled-color$gray-600 !default;
-
$pagination-disabled-bg$white !default;
-
$pagination-disabled-border-color$gray-300 !default;
-
$pagination-transitioncolor .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-
$pagination-border-radius-sm$border-radius-sm !default;
-
$pagination-border-radius-lg$border-radius-lg !default;
Cards
-
$card-spacer-y$spacer !default;
-
$card-spacer-x$spacer !default;
-
$card-title-spacer-y$spacer / 2 !default;
-
$card-border-width$border-width !default;
-
$card-border-radius$border-radius !default;
-
$card-border-colorrgba($black, .125) !default;
-
$card-inner-border-radiussubtract($card-border-radius, $card-border-width) !default;
-
$card-cap-padding-y$card-spacer-y / 2 !default;
-
$card-cap-padding-x$card-spacer-x !default;
-
$card-cap-bgrgba($black, .03) !default;
-
$card-cap-colornull !default;
-
$card-heightnull !default;
-
$card-colornull !default;
-
$card-bg$white !default;
-
$card-img-overlay-padding$spacer !default;
-
$card-group-margin$grid-gutter-width / 2 !default;
Accordion
-
$accordion-padding-y1rem !default;
-
$accordion-padding-x1.25rem !default;
-
$accordion-color$body-color !default;
-
$accordion-bgtransparent !default;
-
$accordion-border-width$border-width !default;
-
$accordion-border-colorrgba($black, .125) !default;
-
$accordion-border-radius$border-radius !default;
-
$accordion-body-padding-y$accordion-padding-y !default;
-
$accordion-body-padding-x$accordion-padding-x !default;
-
$accordion-button-padding-y$accordion-padding-y !default;
-
$accordion-button-padding-x$accordion-padding-x !default;
-
$accordion-button-color$accordion-color !default;
-
$accordion-button-bg$accordion-bg !default;
-
$accordion-transition$btn-transition, border-radius .15s ease !default;
-
$accordion-button-active-bgtint-color($component-active-bg, 90%) !default;
-
$accordion-button-active-colorshade-color($primary, 10%) !default;
-
$accordion-button-focus-border-color$input-focus-border-color !default;
-
$accordion-button-focus-box-shadow$btn-focus-box-shadow !default;
-
$accordion-icon-width1.25rem !default;
-
$accordion-icon-color$accordion-color !default;
-
$accordion-icon-active-color$accordion-button-active-color !default;
-
$accordion-icon-transitiontransform .2s ease-in-out !default;
-
$accordion-icon-transformrotate(180deg) !default;
-
$accordion-button-iconurl("data:image/svg+xml,") !default;
-
$accordion-button-active-iconurl("data:image/svg+xml,") !default;
Tooltips
-
$tooltip-font-size$font-size-sm !default;
-
$tooltip-max-width200px !default;
-
$tooltip-color$white !default;
-
$tooltip-bg$black !default;
-
$tooltip-border-radius$border-radius !default;
-
$tooltip-opacity.9 !default;
-
$tooltip-padding-y$spacer / 4 !default;
-
$tooltip-padding-x$spacer / 2 !default;
-
$tooltip-margin0 !default;
-
$tooltip-arrow-width.8rem !default;
-
$tooltip-arrow-height.4rem !default;
-
$tooltip-arrow-color$tooltip-bg !default;
Popovers
-
$popover-font-size$font-size-sm !default;
-
$popover-bg$white !default;
-
$popover-max-width276px !default;
-
$popover-border-width$border-width !default;
-
$popover-border-colorrgba($black, .2) !default;
-
$popover-border-radius$border-radius-lg !default;
-
$popover-inner-border-radiussubtract($popover-border-radius, $popover-border-width) !default;
-
$popover-box-shadow$box-shadow !default;
-
$popover-header-bgshade-color($popover-bg, 6%) !default;
-
$popover-header-color$headings-color !default;
-
$popover-header-padding-y.5rem !default;
-
$popover-header-padding-x$spacer !default;
-
$popover-body-color$body-color !default;
-
$popover-body-padding-y$spacer !default;
-
$popover-body-padding-x$spacer !default;
-
$popover-arrow-width1rem !default;
-
$popover-arrow-height.5rem !default;
-
$popover-arrow-color$popover-bg !default;
-
$popover-arrow-outer-colorfade-in($popover-border-color, .05) !default;
Toasts
-
$toast-max-width350px !default;
-
$toast-padding-x.75rem !default;
-
$toast-padding-y.5rem !default;
-
$toast-font-size.875rem !default;
-
$toast-colornull !default;
-
$toast-background-colorrgba($white, .85) !default;
-
$toast-border-width1px !default;
-
$toast-border-colorrgba(0, 0, 0, .1) !default;
-
$toast-border-radius$border-radius !default;
-
$toast-box-shadow$box-shadow !default;
-
$toast-spacing$container-padding-x !default;
-
$toast-header-color$gray-600 !default;
-
$toast-header-background-colorrgba($white, .85) !default;
-
$toast-header-border-colorrgba(0, 0, 0, .05) !default;
Badges
-
$badge-font-size.75em !default;
-
$badge-font-weight$font-weight-bold !default;
-
$badge-color$white !default;
-
$badge-padding-y.35em !default;
-
$badge-padding-x.65em !default;
-
$badge-border-radius$border-radius !default;
Modals
-
$modal-inner-padding$spacer !default;
-
$modal-footer-margin-between.5rem !default;
-
$modal-dialog-margin.5rem !default;
-
$modal-dialog-margin-y-sm-up1.75rem !default;
-
$modal-title-line-height$line-height-base !default;
-
$modal-content-colornull !default;
-
$modal-content-bg$white !default;
-
$modal-content-border-colorrgba($black, .2) !default;
-
$modal-content-border-width$border-width !default;
-
$modal-content-border-radius$border-radius-lg !default;
-
$modal-content-inner-border-radiussubtract($modal-content-border-radius, $modal-content-border-width) !default;
-
$modal-content-box-shadow-xs$box-shadow-sm !default;
-
$modal-content-box-shadow-sm-up$box-shadow !default;
-
$modal-backdrop-bg$black !default;
-
$modal-backdrop-opacity.5 !default;
-
$modal-header-border-color$border-color !default;
-
$modal-footer-border-color$modal-header-border-color !default;
-
$modal-header-border-width$modal-content-border-width !default;
-
$modal-footer-border-width$modal-header-border-width !default;
-
$modal-header-padding-y$modal-inner-padding !default;
-
$modal-header-padding-x$modal-inner-padding !default;
-
$modal-header-padding$modal-header-padding-y $modal-header-padding-x !default;
-
$modal-sm300px !default;
-
$modal-md500px !default;
-
$modal-lg800px !default;
-
$modal-xl1140px !default;
-
$modal-fade-transformtranslate(0, -50px) !default;
-
$modal-show-transformnone !default;
-
$modal-transitiontransform .3s ease-out !default;
-
$modal-scale-transformscale(1.02) !default;
Alerts
-
$alert-padding-y$spacer !default;
-
$alert-padding-x$spacer !default;
-
$alert-margin-bottom1rem !default;
-
$alert-border-radius$border-radius !default;
-
$alert-link-font-weight$font-weight-bold !default;
-
$alert-border-width$border-width !default;
-
$alert-bg-scale-80% !default;
-
$alert-border-scale-70% !default;
-
$alert-color-scale40% !default;
-
$alert-dismissible-padding-r$alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
Offcanvas
-
$offcanvas-padding-y$modal-inner-padding !default;
-
$offcanvas-padding-x$modal-inner-padding !default;
-
$offcanvas-horizontal-width400px !default;
-
$offcanvas-vertical-height30vh !default;
-
$offcanvas-transition-duration.3s !default;
-
$offcanvas-border-color$modal-content-border-color !default;
-
$offcanvas-border-width$modal-content-border-width !default;
-
$offcanvas-title-line-height$modal-title-line-height !default;
-
$offcanvas-bg-color$modal-content-bg !default;
-
$offcanvas-color$modal-content-color !default;
-
$offcanvas-box-shadow$modal-content-box-shadow-xs;
-
$offcanvas-backdrop-bg$modal-backdrop-bg;
-
$offcanvas-backdrop-opacity$modal-backdrop-opacity;
Progress Bars
-
$progress-height1rem !default;
-
$progress-font-size$font-size-base * .75 !default;
-
$progress-bg$gray-200 !default;
-
$progress-border-radius$border-radius !default;
-
$progress-box-shadow$box-shadow-inset !default;
-
$progress-bar-color$white !default;
-
$progress-bar-bg$primary !default;
-
$progress-bar-animation-timing1s linear infinite !default;
-
$progress-bar-transitionwidth .6s ease !default;
List Group
-
$list-group-colornull !default;
-
$list-group-bg$white !default;
-
$list-group-border-colorrgba($black, .125) !default;
-
$list-group-border-width$border-width !default;
-
$list-group-border-radius$border-radius !default;
-
$list-group-item-padding-y$spacer / 2 !default;
-
$list-group-item-padding-x$spacer !default;
-
$list-group-item-bg-scale-80% !default;
-
$list-group-item-color-scale40% !default;
-
$list-group-hover-bg$gray-100 !default;
-
$list-group-active-color$component-active-color !default;
-
$list-group-active-bg$component-active-bg !default;
-
$list-group-active-border-color$list-group-active-bg !default;
-
$list-group-disabled-color$gray-600 !default;
-
$list-group-disabled-bg$list-group-bg !default;
-
$list-group-action-color$gray-700 !default;
-
$list-group-action-hover-color$list-group-action-color !default;
-
$list-group-action-active-color$body-color !default;
-
$list-group-action-active-bg$gray-200 !default;
Image Thumbnails
-
$thumbnail-padding.25rem !default;
-
$thumbnail-bg$body-bg !default;
-
$thumbnail-border-width$border-width !default;
-
$thumbnail-border-color$gray-300 !default;
-
$thumbnail-border-radius$border-radius !default;
-
$thumbnail-box-shadow$box-shadow-sm !default;
Figures
-
$figure-caption-font-size$small-font-size !default;
-
$figure-caption-color$gray-600 !default;
Breadcrumbs
-
$breadcrumb-font-sizenull !default;
-
$breadcrumb-padding-y0 !default;
-
$breadcrumb-padding-x0 !default;
-
$breadcrumb-item-padding-x.5rem !default;
-
$breadcrumb-margin-bottom1rem !default;
-
$breadcrumb-bgnull !default;
-
$breadcrumb-divider-color$gray-600 !default;
-
$breadcrumb-active-color$gray-600 !default;
-
$breadcrumb-dividerquote("/") !default;
-
$breadcrumb-divider-flipped$breadcrumb-divider !default;
-
$breadcrumb-border-radiusnull !default;
Carousel
-
$carousel-control-color$white !default;
-
$carousel-control-width15% !default;
-
$carousel-control-opacity.5 !default;
-
$carousel-control-hover-opacity.9 !default;
-
$carousel-control-transitionopacity .15s ease !default;
-
$carousel-indicator-width30px !default;
-
$carousel-indicator-height3px !default;
-
$carousel-indicator-hit-area-height10px !default;
-
$carousel-indicator-spacer3px !default;
-
$carousel-indicator-opacity.5 !default;
-
$carousel-indicator-active-bg$white !default;
-
$carousel-indicator-active-opacity1 !default;
-
$carousel-indicator-transitionopacity .6s ease !default;
-
$carousel-caption-width70% !default;
-
$carousel-caption-color$white !default;
-
$carousel-caption-padding-y1.25rem !default;
-
$carousel-caption-spacer1.25rem !default;
-
$carousel-control-icon-width2rem !default;
-
$carousel-control-prev-icon-bgurl("data:image/svg+xml,") !default;
-
$carousel-control-next-icon-bgurl("data:image/svg+xml,") !default;
-
$carousel-transition-duration.6s !default;
-
$carousel-transitiontransform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
-
$carousel-dark-indicator-active-bg$black !default;
-
$carousel-dark-caption-color$black !default;
-
$carousel-dark-control-icon-filterinvert(1) grayscale(100) !default;
Spinners
-
$spinner-width2rem !default;
-
$spinner-height$spinner-width !default;
-
$spinner-border-width.25em !default;
-
$spinner-animation-speed.75s !default;
-
$spinner-width-sm1rem !default;
-
$spinner-height-sm$spinner-width-sm !default;
-
$spinner-border-width-sm.2em !default;
Button: Закрыть
-
$btn-close-width1em !default;
-
$btn-close-height$btn-close-width !default;
-
$btn-close-padding-x.25em !default;
-
$btn-close-padding-y$btn-close-padding-x !default;
-
$btn-close-color$black !default;
-
$btn-close-bgurl("data:image/svg+xml,") !default;
-
$btn-close-focus-shadow$input-btn-focus-box-shadow !default;
-
$btn-close-opacity.5 !default;
-
$btn-close-hover-opacity.75 !default;
-
$btn-close-focus-opacity1 !default;
-
$btn-close-disabled-opacity.25 !default;
-
$btn-close-white-filterinvert(1) grayscale(100%) brightness(200%) !default;
Code
-
$code-font-size$small-font-size !default;
-
$code-color$pink !default;
-
$kbd-padding-y.2rem !default;
-
$kbd-padding-x.4rem !default;
-
$kbd-font-size$code-font-size !default;
-
$kbd-color$white !default;
-
$kbd-bg$gray-900 !default;
-
$pre-colornull !default;
Misc
-
$escaped-characters( ("<", "%3c" ), (">", "%3e"), ("#", "%23"), ("(", "%28"), (")", "%29"), ) !default;
-
$variable-prefixbs- !default;
-
$aspect-ratios( "1x1": 100%, "4x3": calc(3 / 4 * 100%), "16x9": calc(9 / 16 * 100%), "21x9": calc(9 / 21 * 100%) ) !default;