UNPKG

1.94 kBJavaScriptView Raw
1export var HighContrastSelector = '@media screen and (-ms-high-contrast: active), (forced-colors: active)';
2export var HighContrastSelectorWhite = '@media screen and (-ms-high-contrast: black-on-white), (forced-colors: black-on-white)';
3export var HighContrastSelectorBlack = '@media screen and (-ms-high-contrast: white-on-black), (forced-colors: white-on-black)';
4export var EdgeChromiumHighContrastSelector = '@media screen and (forced-colors: active)';
5export var ScreenWidthMinSmall = 320;
6export var ScreenWidthMinMedium = 480;
7export var ScreenWidthMinLarge = 640;
8export var ScreenWidthMinXLarge = 1024;
9export var ScreenWidthMinXXLarge = 1366;
10export var ScreenWidthMinXXXLarge = 1920;
11export var ScreenWidthMaxSmall = ScreenWidthMinMedium - 1;
12export var ScreenWidthMaxMedium = ScreenWidthMinLarge - 1;
13export var ScreenWidthMaxLarge = ScreenWidthMinXLarge - 1;
14export var ScreenWidthMaxXLarge = ScreenWidthMinXXLarge - 1;
15export var ScreenWidthMaxXXLarge = ScreenWidthMinXXXLarge - 1;
16export var ScreenWidthMinUhfMobile = 768;
17export function getScreenSelector(min, max) {
18 var minSelector = typeof min === 'number' ? " and (min-width: " + min + "px)" : '';
19 var maxSelector = typeof max === 'number' ? " and (max-width: " + max + "px)" : '';
20 return "@media only screen" + minSelector + maxSelector;
21}
22/**
23 * The style which turns off high contrast adjustment in browsers.
24 */
25export function getHighContrastNoAdjustStyle() {
26 return {
27 forcedColorAdjust: 'none',
28 MsHighContrastAdjust: 'none',
29 };
30}
31/**
32 * The style which turns off high contrast adjustment in (only) Edge Chromium browser.
33 * @deprecated Use `getHighContrastNoAdjustStyle`
34 */
35export function getEdgeChromiumNoHighContrastAdjustSelector() {
36 var _a;
37 return _a = {},
38 _a[EdgeChromiumHighContrastSelector] = {
39 forcedColorAdjust: 'none',
40 },
41 _a;
42}
43//# sourceMappingURL=CommonStyles.js.map
\No newline at end of file