mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-05-30 15:24:08 +03:00
29 lines
1.2 KiB
SCSS
29 lines
1.2 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;
|
|
$search-clear-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='rgba(255,255,255,.75)' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/></svg>");
|
|
|
|
$bd-gutter-x: 3rem;
|
|
$bd-callout-variants: info, warning, danger !default;
|
|
|
|
:root {
|
|
--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-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bd-violet: #{mix($bd-violet, $black, 75%)};
|
|
}
|
|
}
|