53 lines
2.3 KiB
JavaScript
53 lines
2.3 KiB
JavaScript
|
export var HighContrastSelector = '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
|
||
|
|
export var HighContrastSelectorWhite =
|
||
|
|
// eslint-disable-next-line @fluentui/max-len
|
||
|
|
'@media screen and (-ms-high-contrast: black-on-white), screen and (forced-colors: active) and (prefers-color-scheme: light)';
|
||
|
|
export var HighContrastSelectorBlack =
|
||
|
|
// eslint-disable-next-line @fluentui/max-len
|
||
|
|
'@media screen and (-ms-high-contrast: white-on-black), screen and (forced-colors: active) and (prefers-color-scheme: dark)';
|
||
|
|
/**
|
||
|
|
* @deprecated Use `HighContrastSelector`
|
||
|
|
*/
|
||
|
|
export var EdgeChromiumHighContrastSelector = '@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)';
|
||
|
|
export var ScreenWidthMinSmall = 320;
|
||
|
|
export var ScreenWidthMinMedium = 480;
|
||
|
|
export var ScreenWidthMinLarge = 640;
|
||
|
|
export var ScreenWidthMinXLarge = 1024;
|
||
|
|
export var ScreenWidthMinXXLarge = 1366;
|
||
|
|
export var ScreenWidthMinXXXLarge = 1920;
|
||
|
|
export var ScreenWidthMaxSmall = ScreenWidthMinMedium - 1;
|
||
|
|
export var ScreenWidthMaxMedium = ScreenWidthMinLarge - 1;
|
||
|
|
export var ScreenWidthMaxLarge = ScreenWidthMinXLarge - 1;
|
||
|
|
export var ScreenWidthMaxXLarge = ScreenWidthMinXXLarge - 1;
|
||
|
|
export var ScreenWidthMaxXXLarge = ScreenWidthMinXXXLarge - 1;
|
||
|
|
export var ScreenWidthMinUhfMobile = 768;
|
||
|
|
export function getScreenSelector(min, max) {
|
||
|
|
var minSelector = typeof min === 'number' ? " and (min-width: ".concat(min, "px)") : '';
|
||
|
|
var maxSelector = typeof max === 'number' ? " and (max-width: ".concat(max, "px)") : '';
|
||
|
|
return "@media only screen".concat(minSelector).concat(maxSelector);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* The style which turns off high contrast adjustment in browsers.
|
||
|
|
*/
|
||
|
|
export function getHighContrastNoAdjustStyle() {
|
||
|
|
return {
|
||
|
|
forcedColorAdjust: 'none',
|
||
|
|
MsHighContrastAdjust: 'none',
|
||
|
|
};
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* The style which turns off high contrast adjustment in (only) Edge Chromium browser.
|
||
|
|
* @deprecated Use `getHighContrastNoAdjustStyle`
|
||
|
|
*/
|
||
|
|
// eslint-disable-next-line deprecation/deprecation
|
||
|
|
export function getEdgeChromiumNoHighContrastAdjustSelector() {
|
||
|
|
var _a;
|
||
|
|
return _a = {},
|
||
|
|
// eslint-disable-next-line deprecation/deprecation
|
||
|
|
_a[EdgeChromiumHighContrastSelector] = {
|
||
|
|
forcedColorAdjust: 'none',
|
||
|
|
MsHighContrastAdjust: 'none',
|
||
|
|
},
|
||
|
|
_a;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=CommonStyles.js.map
|