Skip to content

Commit

Permalink
Docs: fix color schemes description in Sass customization (twbs#39417)
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond authored and romankupchak93 committed Jan 5, 2024
1 parent 058b904 commit 5ac41b0
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions site/content/docs/5.3/customize/sass.md
Expand Up @@ -338,18 +338,18 @@ Our `scss/mixins/` directory has a ton of mixins that power parts of Bootstrap a

### 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
.custom-element {
@include color-scheme(dark) {
// Insert dark mode styles here
@include color-scheme(light) {
// Insert light mode styles here
}

@include color-scheme(custom-named-scheme) {
// Insert custom color scheme styles here
@include color-scheme(dark) {
// Insert dark mode styles here
}
}
```

0 comments on commit 5ac41b0

Please sign in to comment.