diff options
| author | Mark Otto <[email protected]> | 2021-01-11 21:02:26 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2021-04-10 09:39:31 -0700 |
| commit | 2d2f5b3dfd901bca22133ae25fdcce7afb4042c7 (patch) | |
| tree | f37f7ba09f4470bda9936523235c5f38c291a867 /scss | |
| parent | c864852135b17a89bf2f3599212f5a4d3bd273f8 (diff) | |
| download | bootstrap-2d2f5b3dfd901bca22133ae25fdcce7afb4042c7.tar.xz bootstrap-2d2f5b3dfd901bca22133ae25fdcce7afb4042c7.zip | |
Add color-scheme mixin
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_mixins.scss | 1 | ||||
| -rw-r--r-- | scss/mixins/_color-scheme.scss | 17 |
2 files changed, 18 insertions, 0 deletions
diff --git a/scss/_mixins.scss b/scss/_mixins.scss index 7b06cd819..eec085789 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -10,6 +10,7 @@ // Helpers @import "mixins/breakpoints"; +@import "mixins/color-scheme"; @import "mixins/image"; @import "mixins/resize"; @import "mixins/visually-hidden"; diff --git a/scss/mixins/_color-scheme.scss b/scss/mixins/_color-scheme.scss new file mode 100644 index 000000000..303fed72d --- /dev/null +++ b/scss/mixins/_color-scheme.scss @@ -0,0 +1,17 @@ +// scss-docs-start mixin-color-scheme +@mixin color-scheme($name) { + @if $name == dark { + @media (prefers-color-scheme: dark) { + @content; + } + } @else if $name == light { + @media (prefers-color-scheme: light) { + @content; + } + } @else { + @media (prefers-color-scheme: #{$name}) { + @content; + } + } +} +// scss-docs-end mixin-color-scheme |