mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-23 20:54:22 +01:00
40 lines
942 B
SCSS
40 lines
942 B
SCSS
// scss-docs-start color-mode-mixin
|
|
@mixin color-mode($mode: light, $selector: null) {
|
|
@if $color-mode-type == media-query {
|
|
@if $selector == null {
|
|
@media (prefers-color-scheme: $mode) {
|
|
:root {
|
|
@content;
|
|
}
|
|
}
|
|
} @else {
|
|
@media (prefers-color-scheme: $mode) {
|
|
#{$selector} {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
} @else {
|
|
@if $selector == null {
|
|
[data-bs-theme="#{$mode}"] {
|
|
@content;
|
|
}
|
|
} @else {
|
|
$tmp: str-replace($selector, " ", "[data-bs-theme=\"#{$mode}\"] ");
|
|
@if $tmp != $selector {
|
|
#{$tmp},
|
|
[data-bs-theme="#{$mode}"] #{$selector},
|
|
#{$selector}[data-bs-theme="#{$mode}"] {
|
|
@content;
|
|
}
|
|
} @else {
|
|
[data-bs-theme="#{$mode}"] #{$selector},
|
|
#{$selector}[data-bs-theme="#{$mode}"] {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// scss-docs-end color-mode-mixin
|