mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-16 02:24:19 +02:00
Code Issues Releases Wiki Activity

Docs: fix color schemes description in Sass customization (#39417)

Browse Source
This commit is contained in:
Julien Déramond
2023-11-18 09:52:03 +01:00
committed by GitHub
parent ee88ae6496
commit e4f0d61c8f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
site/content/docs/5.3/customize/sass.md
View File

@@ -338,18 +338,18 @@ Our `scss/mixins/` directory has a ton of mixins that power parts of Bootstrap a
### Color schemes ### Color schemes
A shorthand mixin for the `prefers-color-scheme` media query is available with support for `light`, `dark`, and custom color schemes. See [the color modes documentation]({{< docsref "/customize/color-modes" >}}) for information on our color mode mixin. A shorthand mixin for the `prefers-color-scheme` media query is available with support for `light` and `dark` color schemes. See [the color modes documentation]({{< docsref "/customize/color-modes" >}}) for information on our color mode mixin.
{{< scss-docs name="mixin-color-scheme" file="scss/mixins/_color-scheme.scss" >}} {{< scss-docs name="mixin-color-scheme" file="scss/mixins/_color-scheme.scss" >}}
```scss ```scss
.custom-element { .custom-element {
@include color-scheme(light) {
// Insert light mode styles here
}
@include color-scheme(dark) { @include color-scheme(dark) {
// Insert dark mode styles here // Insert dark mode styles here
} }
@include color-scheme(custom-named-scheme) {
// Insert custom color scheme styles here
}
} }
``` ```