35 lines
995 B
SCSS
35 lines
995 B
SCSS
@mixin high-contrast {
|
|
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin high-contrast-black-on-white {
|
|
@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin high-contrast-white-on-black {
|
|
@media screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin high-contrast-no-adjust {
|
|
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
|
|
-ms-high-contrast-adjust: none;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* The style which turns off high contrast adjustment in (only) Edge Chromium browser.
|
|
*/
|
|
@mixin high-contrast-edge-chromium-no-adjust {
|
|
@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) {
|
|
-ms-high-contrast-adjust: none;
|
|
forced-color-adjust: none;
|
|
}
|
|
}
|