mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
b531bda07c
- Use a semitransparent gradient from light to dark which works on any background-color - Store the gradient as a custom property (--bs-gradient) - Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled - Add gradients to navbar, active page links and badges when gradients are enabled
16 lines
517 B
SCSS
16 lines
517 B
SCSS
:root {
|
|
// Custom variable values only support SassScript inside `#{}`.
|
|
@each $color, $value in $colors {
|
|
--bs-#{$color}: #{$value};
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
--bs-#{$color}: #{$value};
|
|
}
|
|
|
|
// Use `inspect` for lists so that quoted items keep the quotes.
|
|
// See https://github.com/sass/sass/issues/2383#issuecomment-336349172
|
|
--bs-font-sans-serif: #{inspect($font-family-sans-serif)};
|
|
--bs-font-monospace: #{inspect($font-family-monospace)};
|
|
--bs-gradient: #{$gradient};
|
|
}
|