Update Bootstrap to 5.3.0-alpha2
This commit is contained in:
89
paige/node_modules/bootstrap/scss/_root.scss
generated
vendored
89
paige/node_modules/bootstrap/scss/_root.scss
generated
vendored
@@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors-text {
|
||||
--#{$prefix}#{$color}-text: #{$value};
|
||||
--#{$prefix}#{$color}-text-emphasis: #{$value};
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors-bg-subtle {
|
||||
@@ -36,8 +36,6 @@
|
||||
|
||||
--#{$prefix}white-rgb: #{to-rgb($white)};
|
||||
--#{$prefix}black-rgb: #{to-rgb($black)};
|
||||
--#{$prefix}body-color-rgb: #{to-rgb($body-color)};
|
||||
--#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
|
||||
|
||||
// Fonts
|
||||
|
||||
@@ -56,7 +54,14 @@
|
||||
@include rfs($font-size-base, --#{$prefix}body-font-size);
|
||||
--#{$prefix}body-font-weight: #{$font-weight-base};
|
||||
--#{$prefix}body-line-height: #{$line-height-base};
|
||||
@if $body-text-align != null {
|
||||
--#{$prefix}body-text-align: #{$body-text-align};
|
||||
}
|
||||
|
||||
--#{$prefix}body-color: #{$body-color};
|
||||
--#{$prefix}body-color-rgb: #{to-rgb($body-color)};
|
||||
--#{$prefix}body-bg: #{$body-bg};
|
||||
--#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
|
||||
|
||||
--#{$prefix}emphasis-color: #{$body-emphasis-color};
|
||||
--#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
|
||||
@@ -70,12 +75,6 @@
|
||||
--#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
|
||||
--#{$prefix}tertiary-bg: #{$body-tertiary-bg};
|
||||
--#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
|
||||
|
||||
@if $body-text-align != null {
|
||||
--#{$prefix}body-text-align: #{$body-text-align};
|
||||
}
|
||||
--#{$prefix}body-bg: #{$body-bg};
|
||||
--#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
|
||||
// scss-docs-end root-body-variables
|
||||
|
||||
@if $headings-color != null {
|
||||
@@ -106,7 +105,8 @@
|
||||
--#{$prefix}border-radius-sm: #{$border-radius-sm};
|
||||
--#{$prefix}border-radius-lg: #{$border-radius-lg};
|
||||
--#{$prefix}border-radius-xl: #{$border-radius-xl};
|
||||
--#{$prefix}border-radius-2xl: #{$border-radius-2xl};
|
||||
--#{$prefix}border-radius-xxl: #{$border-radius-xxl};
|
||||
--#{$prefix}border-radius-2xl: var(--#{$prefix}border-radius-xxl); // Deprecated in v5.3.0 for consistency
|
||||
--#{$prefix}border-radius-pill: #{$border-radius-pill};
|
||||
// scss-docs-end root-border-var
|
||||
|
||||
@@ -115,22 +115,25 @@
|
||||
--#{$prefix}box-shadow-lg: #{$box-shadow-lg};
|
||||
--#{$prefix}box-shadow-inset: #{$box-shadow-inset};
|
||||
|
||||
--#{$prefix}emphasis-color: #{$emphasis-color};
|
||||
// Focus styles
|
||||
// scss-docs-start root-focus-variables
|
||||
--#{$prefix}focus-ring-width: #{$focus-ring-width};
|
||||
--#{$prefix}focus-ring-opacity: #{$focus-ring-opacity};
|
||||
--#{$prefix}focus-ring-color: #{$focus-ring-color};
|
||||
// scss-docs-end root-focus-variables
|
||||
|
||||
// scss-docs-start form-control-vars
|
||||
--#{$prefix}form-control-bg: var(--#{$prefix}body-bg);
|
||||
--#{$prefix}form-control-disabled-bg: var(--#{$prefix}secondary-bg);
|
||||
// scss-docs-end form-control-vars
|
||||
|
||||
--#{$prefix}highlight-bg: #{$mark-bg};
|
||||
|
||||
@each $name, $value in $grid-breakpoints {
|
||||
--#{$prefix}breakpoint-#{$name}: #{$value};
|
||||
}
|
||||
// scss-docs-start root-form-validation-variables
|
||||
--#{$prefix}form-valid-color: #{$form-valid-color};
|
||||
--#{$prefix}form-valid-border-color: #{$form-valid-border-color};
|
||||
--#{$prefix}form-invalid-color: #{$form-invalid-color};
|
||||
--#{$prefix}form-invalid-border-color: #{$form-invalid-border-color};
|
||||
// scss-docs-end root-form-validation-variables
|
||||
}
|
||||
|
||||
@if $enable-dark-mode {
|
||||
@include color-mode(dark, true) {
|
||||
color-scheme: dark;
|
||||
|
||||
// scss-docs-start root-dark-mode-vars
|
||||
--#{$prefix}body-color: #{$body-color-dark};
|
||||
--#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
|
||||
@@ -150,36 +153,21 @@
|
||||
--#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
|
||||
--#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
|
||||
|
||||
--#{$prefix}emphasis-color: #{$emphasis-color-dark};
|
||||
@each $color, $value in $theme-colors-text-dark {
|
||||
--#{$prefix}#{$color}-text-emphasis: #{$value};
|
||||
}
|
||||
|
||||
--#{$prefix}primary-text: #{$primary-text-dark};
|
||||
--#{$prefix}secondary-text: #{$secondary-text-dark};
|
||||
--#{$prefix}success-text: #{$success-text-dark};
|
||||
--#{$prefix}info-text: #{$info-text-dark};
|
||||
--#{$prefix}warning-text: #{$warning-text-dark};
|
||||
--#{$prefix}danger-text: #{$danger-text-dark};
|
||||
--#{$prefix}light-text: #{$light-text-dark};
|
||||
--#{$prefix}dark-text: #{$dark-text-dark};
|
||||
@each $color, $value in $theme-colors-bg-subtle-dark {
|
||||
--#{$prefix}#{$color}-bg-subtle: #{$value};
|
||||
}
|
||||
|
||||
--#{$prefix}primary-bg-subtle: #{$primary-bg-subtle-dark};
|
||||
--#{$prefix}secondary-bg-subtle: #{$secondary-bg-subtle-dark};
|
||||
--#{$prefix}success-bg-subtle: #{$success-bg-subtle-dark};
|
||||
--#{$prefix}info-bg-subtle: #{$info-bg-subtle-dark};
|
||||
--#{$prefix}warning-bg-subtle: #{$warning-bg-subtle-dark};
|
||||
--#{$prefix}danger-bg-subtle: #{$danger-bg-subtle-dark};
|
||||
--#{$prefix}light-bg-subtle: #{$light-bg-subtle-dark};
|
||||
--#{$prefix}dark-bg-subtle: #{$dark-bg-subtle-dark};
|
||||
@each $color, $value in $theme-colors-border-subtle-dark {
|
||||
--#{$prefix}#{$color}-border-subtle: #{$value};
|
||||
}
|
||||
|
||||
--#{$prefix}primary-border-subtle: #{$primary-border-subtle-dark};
|
||||
--#{$prefix}secondary-border-subtle: #{$secondary-border-subtle-dark};
|
||||
--#{$prefix}success-border-subtle: #{$success-border-subtle-dark};
|
||||
--#{$prefix}info-border-subtle: #{$info-border-subtle-dark};
|
||||
--#{$prefix}warning-border-subtle: #{$warning-border-subtle-dark};
|
||||
--#{$prefix}danger-border-subtle: #{$danger-border-subtle-dark};
|
||||
--#{$prefix}light-border-subtle: #{$light-border-subtle-dark};
|
||||
--#{$prefix}dark-border-subtle: #{$dark-border-subtle-dark};
|
||||
|
||||
--#{$prefix}heading-color: #{$headings-color-dark};
|
||||
@if $headings-color-dark != null {
|
||||
--#{$prefix}heading-color: #{$headings-color-dark};
|
||||
}
|
||||
|
||||
--#{$prefix}link-color: #{$link-color-dark};
|
||||
--#{$prefix}link-hover-color: #{$link-hover-color-dark};
|
||||
@@ -190,6 +178,11 @@
|
||||
|
||||
--#{$prefix}border-color: #{$border-color-dark};
|
||||
--#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
|
||||
|
||||
--#{$prefix}form-valid-color: #{$form-valid-color-dark};
|
||||
--#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
|
||||
--#{$prefix}form-invalid-color: #{$form-invalid-color-dark};
|
||||
--#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};
|
||||
// scss-docs-end root-dark-mode-vars
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user