44 lines
779 B
SCSS
44 lines
779 B
SCSS
@use "mode";
|
|
// -moz-toolbar-prefers-color-scheme is removed at v95, #250
|
|
|
|
@mixin Dark() {
|
|
@if mode.isESR() {
|
|
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
|
@content;
|
|
}
|
|
} @else {
|
|
@media (prefers-color-scheme: dark) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
@mixin Light() {
|
|
@if mode.isESR() {
|
|
@media (-moz-toolbar-prefers-color-scheme: light), (prefers-color-scheme: light) {
|
|
@content;
|
|
}
|
|
} @else {
|
|
@media (prefers-color-scheme: light) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin Contrast() {
|
|
@media (prefers-contrast) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin NotContrast() {
|
|
@media not all and (prefers-contrast) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin Animate() {
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
@content;
|
|
}
|
|
}
|