mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-05 17:24:20 +01:00
38 lines
1.4 KiB
SCSS
38 lines
1.4 KiB
SCSS
// stylelint-disable scss/dollar-variable-default
|
|
|
|
// Local docs variables
|
|
$bd-purple: #4c0bce;
|
|
$bd-violet: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list
|
|
$bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list
|
|
$bd-accent: #ffe484;
|
|
|
|
$bd-gutter-x: 3rem;
|
|
$bd-callout-variants: info, warning, danger !default;
|
|
|
|
:root,
|
|
[data-bs-theme="light"] {
|
|
--bd-purple: #{$bd-purple};
|
|
--bd-violet: #{$bd-violet};
|
|
--bd-accent: #{$bd-accent};
|
|
--bd-violet-rgb: #{to-rgb($bd-violet)};
|
|
--bd-accent-rgb: #{to-rgb($bd-accent)};
|
|
--bd-pink-rgb: #{to-rgb($pink-500)};
|
|
--bd-teal-rgb: #{to-rgb($teal-500)};
|
|
--bd-violet-bg: var(--bd-violet);
|
|
--bd-toc-color: var(--bd-violet);
|
|
--bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
|
|
--bd-callout-link: #{to-rgb($blue-600)};
|
|
--bd-callout-code-color: #{$pink-600};
|
|
--bd-pre-bg: var(--bs-tertiary-bg);
|
|
}
|
|
|
|
@include color-mode(dark, true) {
|
|
--bd-violet: #{mix($bd-violet, $white, 75%)};
|
|
--bd-violet-bg: #{$bd-violet};
|
|
--bd-toc-color: var(--#{$prefix}emphasis-color);
|
|
--bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5);
|
|
--bd-callout-link: #{to-rgb($blue-300)};
|
|
--bd-callout-code-color: #{$pink-300};
|
|
--bd-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)}; // stylelint-disable-line scss/at-function-named-arguments
|
|
}
|