rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 20:54:22 +01:00
Code Issues Actions Packages Releases Activity

Add [data-bs-theme="body"]

Browse Source
This commit is contained in:
louismaxime.piton 2023-09-15 15:02:46 +02:00
parent 9900cf33c0
commit c462942467
3 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
scss/_root.scss
View File

@ -1,4 +1,5 @@
:root, :root,
:root[data-bs-theme="light"] [data-bs-theme="body"],
[data-bs-theme="light"] { [data-bs-theme="light"] {
// Note: Custom variable values only support SassScript inside `#{}`. // Note: Custom variable values only support SassScript inside `#{}`.

1
scss/mixins/_color-mode.scss
View File

@ -13,6 +13,7 @@
} }
} }
} @else { } @else {
:root[data-bs-theme="#{$mode}"] [data-bs-theme="body"],
[data-bs-theme="#{$mode}"] { [data-bs-theme="#{$mode}"] {
@content; @content;
} }

2
scss/tests/mixins/_color-modes.test.scss
View File

@ -21,10 +21,12 @@
} }
} }
@include expect() { @include expect() {
:root[data-bs-theme=dark] [data-bs-theme=body] .element,
[data-bs-theme=dark] .element { [data-bs-theme=dark] .element {
color: var(--bs-primary-text-emphasis); color: var(--bs-primary-text-emphasis);
background-color: var(--bs-primary-bg-subtle); background-color: var(--bs-primary-bg-subtle);
} }
:root[data-bs-theme=dark] [data-bs-theme=body],
[data-bs-theme=dark] { [data-bs-theme=dark] {
--custom-color: #3a3ff8; --custom-color: #3a3ff8;
} }