0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00
Bootstrap/scss/mixins/_color-mode.scss
Julien Déramond 035f143a48
All checks were successful
BrowserStack / browserstack (push) Has been skipped
More modifications
2024-07-31 08:34:35 +02:00

27 lines
568 B
SCSS

@use "../setup/variables" as *;
@debug($color-mode-type);
// scss-docs-start color-mode-mixin
@mixin color-mode($mode: light, $root: false, $color-mode-type: "media-query") {
@debug($color-mode-type);
@if $color-mode-type == "media-query" {
@if $root == true {
@media (prefers-color-scheme: $mode) {
:root {
@content;
}
}
} @else {
@media (prefers-color-scheme: $mode) {
@content;
}
}
} @else {
[data-bs-theme="#{$mode}"] {
@content;
}
}
}
// scss-docs-end color-mode-mixin