mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-30 16:50:00 +02:00
Fix Sass compilation when $color-mode-type
is set to media-query
(#37687)
* Fix Sass compilation when `$color-mode-type` is set to `media-query` * Update mixin names, fix docs color modes for using media queries by using mixin Co-authored-by: Mark Otto <markdotto@gmail.com>
This commit is contained in:
@@ -1,8 +1,16 @@
|
||||
// scss-docs-start color-mode-mixin
|
||||
@mixin color-mode($mode: light, $type: $color-mode-type) {
|
||||
@if $type == "media-query" {
|
||||
@media (prefers-color-scheme: $mode) {
|
||||
@content;
|
||||
@mixin color-mode($mode: light, $root: false) {
|
||||
@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}"] {
|
||||
|
Reference in New Issue
Block a user