|
|
@ -384,7 +384,7 @@ $enable-cssgrid: false !default;
|
|
|
|
$enable-button-pointers: true !default;
|
|
|
|
$enable-button-pointers: true !default;
|
|
|
|
$enable-rfs: true !default;
|
|
|
|
$enable-rfs: true !default;
|
|
|
|
$enable-validation-icons: true !default;
|
|
|
|
$enable-validation-icons: true !default;
|
|
|
|
$enable-negative-margins: false !default;
|
|
|
|
$enable-negative-margins: true !default;
|
|
|
|
$enable-deprecation-messages: true !default;
|
|
|
|
$enable-deprecation-messages: true !default;
|
|
|
|
$enable-important-utilities: true !default;
|
|
|
|
$enable-important-utilities: true !default;
|
|
|
|
|
|
|
|
|
|
|
@ -463,6 +463,15 @@ $link-hover-decoration: null !default;
|
|
|
|
$stretched-link-pseudo-element: after !default;
|
|
|
|
$stretched-link-pseudo-element: after !default;
|
|
|
|
$stretched-link-z-index: 1 !default;
|
|
|
|
$stretched-link-z-index: 1 !default;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Icon links
|
|
|
|
|
|
|
|
// scss-docs-start icon-link-variables
|
|
|
|
|
|
|
|
$icon-link-gap: .375rem !default;
|
|
|
|
|
|
|
|
$icon-link-underline-offset: .25em !default;
|
|
|
|
|
|
|
|
$icon-link-icon-size: 1em !default;
|
|
|
|
|
|
|
|
$icon-link-icon-transition: .2s ease-in-out transform !default;
|
|
|
|
|
|
|
|
$icon-link-icon-transform: translate3d(.25em, 0, 0) !default;
|
|
|
|
|
|
|
|
// scss-docs-end icon-link-variables
|
|
|
|
|
|
|
|
|
|
|
|
// Paragraphs
|
|
|
|
// Paragraphs
|
|
|
|
//
|
|
|
|
//
|
|
|
|
// Style p element.
|
|
|
|
// Style p element.
|
|
|
@ -811,6 +820,7 @@ $input-btn-border-width: var(--#{$prefix}border-width) !default;
|
|
|
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
|
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
|
|
|
|
|
|
|
|
|
|
// scss-docs-start btn-variables
|
|
|
|
// scss-docs-start btn-variables
|
|
|
|
|
|
|
|
$btn-color: var(--#{$prefix}body-color) !default;
|
|
|
|
$btn-padding-y: $input-btn-padding-y !default;
|
|
|
|
$btn-padding-y: $input-btn-padding-y !default;
|
|
|
|
$btn-padding-x: $input-btn-padding-x !default;
|
|
|
|
$btn-padding-x: $input-btn-padding-x !default;
|
|
|
|
$btn-font-family: $input-btn-font-family !default;
|
|
|
|
$btn-font-family: $input-btn-font-family !default;
|
|
|
@ -1090,23 +1100,30 @@ $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
|
|
|
$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
|
|
|
|
$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
|
|
|
|
// scss-docs-end form-feedback-variables
|
|
|
|
// scss-docs-end form-feedback-variables
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// scss-docs-start form-validation-colors
|
|
|
|
|
|
|
|
$form-valid-color: $form-feedback-valid-color !default;
|
|
|
|
|
|
|
|
$form-valid-border-color: $form-feedback-valid-color !default;
|
|
|
|
|
|
|
|
$form-invalid-color: $form-feedback-invalid-color !default;
|
|
|
|
|
|
|
|
$form-invalid-border-color: $form-feedback-invalid-color !default;
|
|
|
|
|
|
|
|
// scss-docs-end form-validation-colors
|
|
|
|
|
|
|
|
|
|
|
|
// scss-docs-start form-validation-states
|
|
|
|
// scss-docs-start form-validation-states
|
|
|
|
$form-validation-states: (
|
|
|
|
$form-validation-states: (
|
|
|
|
"valid": (
|
|
|
|
"valid": (
|
|
|
|
"color": var(--#{$prefix}success-text),
|
|
|
|
"color": var(--#{$prefix}form-valid-color),
|
|
|
|
"icon": $form-feedback-icon-valid,
|
|
|
|
"icon": $form-feedback-icon-valid,
|
|
|
|
"tooltip-color": #fff,
|
|
|
|
"tooltip-color": #fff,
|
|
|
|
"tooltip-bg-color": var(--#{$prefix}success),
|
|
|
|
"tooltip-bg-color": var(--#{$prefix}success),
|
|
|
|
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),
|
|
|
|
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),
|
|
|
|
"border-color": var(--#{$prefix}success),
|
|
|
|
"border-color": var(--#{$prefix}form-valid-border-color),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
"invalid": (
|
|
|
|
"invalid": (
|
|
|
|
"color": var(--#{$prefix}danger-text),
|
|
|
|
"color": var(--#{$prefix}form-invalid-color),
|
|
|
|
"icon": $form-feedback-icon-invalid,
|
|
|
|
"icon": $form-feedback-icon-invalid,
|
|
|
|
"tooltip-color": #fff,
|
|
|
|
"tooltip-color": #fff,
|
|
|
|
"tooltip-bg-color": var(--#{$prefix}danger),
|
|
|
|
"tooltip-bg-color": var(--#{$prefix}danger),
|
|
|
|
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),
|
|
|
|
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),
|
|
|
|
"border-color": var(--#{$prefix}danger),
|
|
|
|
"border-color": var(--#{$prefix}form-invalid-border-color),
|
|
|
|
)
|
|
|
|
)
|
|
|
|
) !default;
|
|
|
|
) !default;
|
|
|
|
// scss-docs-end form-validation-states
|
|
|
|
// scss-docs-end form-validation-states
|
|
|
@ -1151,7 +1168,6 @@ $nav-link-color: var(--#{$prefix}link-color) !default;
|
|
|
|
$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
|
|
|
$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
|
|
|
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
|
|
|
|
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
|
|
|
|
$nav-link-disabled-color: var(--#{$prefix}secondary-color) !default;
|
|
|
|
$nav-link-disabled-color: var(--#{$prefix}secondary-color) !default;
|
|
|
|
$nav-link-disabled-color: $gray-600 !default;
|
|
|
|
|
|
|
|
$nav-link-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
|
|
$nav-link-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
|
|
|
|
|
|
|
|
|
|
$nav-tabs-border-color: var(--#{$prefix}border-color) !default;
|
|
|
|
$nav-tabs-border-color: var(--#{$prefix}border-color) !default;
|
|
|
@ -1244,7 +1260,7 @@ $dropdown-link-hover-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
|
|
$dropdown-link-active-color: $component-active-color !default;
|
|
|
|
$dropdown-link-active-color: $component-active-color !default;
|
|
|
|
$dropdown-link-active-bg: $component-active-bg !default;
|
|
|
|
$dropdown-link-active-bg: $component-active-bg !default;
|
|
|
|
|
|
|
|
|
|
|
|
$dropdown-link-disabled-color: $gray-500 !default;
|
|
|
|
$dropdown-link-disabled-color: var(--#{$prefix}tertiary-color) !default;
|
|
|
|
|
|
|
|
|
|
|
|
$dropdown-item-padding-y: $spacer * .25 !default;
|
|
|
|
$dropdown-item-padding-y: $spacer * .25 !default;
|
|
|
|
$dropdown-item-padding-x: $spacer !default;
|
|
|
|
$dropdown-item-padding-x: $spacer !default;
|
|
|
@ -1368,7 +1384,7 @@ $accordion-button-color: var(--#{$prefix}body-color) !default;
|
|
|
|
$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
|
|
|
|
$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
|
|
|
|
$accordion-transition: $btn-transition, border-radius .15s ease !default;
|
|
|
|
$accordion-transition: $btn-transition, border-radius .15s ease !default;
|
|
|
|
$accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
|
|
|
|
$accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
|
|
|
|
$accordion-button-active-color: var(--#{$prefix}primary-text) !default;
|
|
|
|
$accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
|
|
|
|
|
|
|
|
|
|
|
|
$accordion-button-focus-border-color: $input-focus-border-color !default;
|
|
|
|
$accordion-button-focus-border-color: $input-focus-border-color !default;
|
|
|
|
$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
|
|
|
|
$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
|
|
|
@ -1694,7 +1710,6 @@ $btn-close-height: $btn-close-width !default;
|
|
|
|
$btn-close-padding-x: .25em !default;
|
|
|
|
$btn-close-padding-x: .25em !default;
|
|
|
|
$btn-close-padding-y: $btn-close-padding-x !default;
|
|
|
|
$btn-close-padding-y: $btn-close-padding-x !default;
|
|
|
|
$btn-close-color: $black !default;
|
|
|
|
$btn-close-color: $black !default;
|
|
|
|
$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;
|
|
|
|
|
|
|
|
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
|
|
|
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
|
|
|
$btn-close-focus-shadow: $focus-ring-box-shadow !default;
|
|
|
|
$btn-close-focus-shadow: $focus-ring-box-shadow !default;
|
|
|
|
$btn-close-opacity: .5 !default;
|
|
|
|
$btn-close-opacity: .5 !default;
|
|
|
|