File manager - Edit - /home/web/vm-3fadc827.na4u.ru/www/bitrix/modules/ui/install/js/ui/design-tokens/dist/ui.design-tokens.bundle.css
Back
/** * Do not edit directly * Generated on Mon, 11 Apr 2022 08:17:18 GMT */ :root { --ui-space-inset-8xl: 72px; --ui-space-inset-7xl: 64px; --ui-space-inset-6xl: 48px; --ui-space-inset-5xl: 40px; --ui-space-inset-4xl: 36px; --ui-space-inset-3xl: 32px; --ui-space-inset-2xl: 28px; --ui-space-inset-xl: 24px; --ui-space-inset-lg: 20px; --ui-space-inset-md: 16px; --ui-space-inset-sm: 12px; --ui-space-inset-xs: 8px; --ui-space-inset-2xs: 4px; --ui-space-inset-3xs: 2px; --ui-space-inset-none: 0; --ui-space-inline-8xl-neg: -72px; --ui-space-inline-7xl-neg: -64px; --ui-space-inline-6xl-neg: -48px; --ui-space-inline-5xl-neg: -40px; --ui-space-inline-4xl-neg: -36px; --ui-space-inline-3xl-neg: -32px; --ui-space-inline-2xl-neg: -28px; --ui-space-inline-xl-neg: -24px; --ui-space-inline-lg-neg: -20px; --ui-space-inline-md-neg: -16px; --ui-space-inline-sm-neg: -12px; --ui-space-inline-xs-neg: -8px; --ui-space-inline-2xs-neg: -4px; --ui-space-inline-3xs-neg: -2px; --ui-space-inline-8xl: 72px; --ui-space-inline-7xl: 64px; --ui-space-inline-6xl: 48px; --ui-space-inline-5xl: 40px; --ui-space-inline-4xl: 36px; --ui-space-inline-3xl: 32px; --ui-space-inline-2xl: 28px; --ui-space-inline-xl: 24px; --ui-space-inline-lg: 20px; --ui-space-inline-md: 16px; --ui-space-inline-sm: 12px; --ui-space-inline-xs: 8px; --ui-space-inline-2xs: 4px; --ui-space-inline-3xs: 2px; --ui-space-inline-none: 0; --ui-space-stack-8xl-neg: -72px; --ui-space-stack-7xl-neg: -64px; --ui-space-stack-6xl-neg: -48px; --ui-space-stack-5xl-neg: -40px; --ui-space-stack-4xl-neg: -36px; --ui-space-stack-3xl-neg: -32px; --ui-space-stack-2xl-neg: -28px; --ui-space-stack-xl-neg: -24px; --ui-space-stack-lg-neg: -20px; --ui-space-stack-md-neg: -16px; --ui-space-stack-sm-neg: -12px; --ui-space-stack-xs-neg: -8px; --ui-space-stack-2xs-neg: -4px; --ui-space-stack-3xs-neg: -2px; --ui-space-stack-8xl: 72px; --ui-space-stack-7xl: 64px; --ui-space-stack-6xl: 48px; --ui-space-stack-5xl: 40px; --ui-space-stack-4xl: 36px; --ui-space-stack-3xl: 32px; --ui-space-stack-2xl: 28px; --ui-space-stack-xl: 24px; --ui-space-stack-lg: 20px; --ui-space-stack-md: 16px; --ui-space-stack-sm: 12px; --ui-space-stack-xs: 8px; --ui-space-stack-2xs: 4px; --ui-space-stack-3xs: 2px; --ui-space-stack-none: 0; --ui-size-8xl: 72px; --ui-size-7xl: 64px; --ui-size-6xl: 48px; --ui-size-5xl: 40px; --ui-size-4xl: 36px; --ui-size-3xl: 32px; --ui-size-2xl: 28px; --ui-size-xl: 24px; --ui-size-lg: 20px; --ui-size-md: 16px; --ui-size-sm: 12px; --ui-size-xs: 8px; --ui-size-2xs: 4px; --ui-size-3xs: 2px; --ui-size-none: 0; --ui-font-line-height-3xl: 2; --ui-font-line-height-2xl: 1.75; --ui-font-line-height-xl: 1.62; --ui-font-line-height-lg: 1.5; --ui-font-line-height-md: 1.4; --ui-font-line-height-sm: 1.35; --ui-font-line-height-2xs: 1.3; --ui-font-line-height-3xs: 1.2; --ui-font-line-height-reset: 1; --ui-font-size-5xl: 28px; --ui-font-size-4xl: 24px; --ui-font-size-3xl: 22px; --ui-font-size-2xl: 18px; --ui-font-size-xl: 16px; --ui-font-size-lg: 15px; --ui-font-size-md: 14px; --ui-font-size-sm: 13px; --ui-font-size-xs: 12px; --ui-font-size-3xs: 11px; --ui-font-size-4xs: 10px; --ui-font-size-5xs: 9px; --ui-font-size-6xs: 8px; --ui-font-size-7xs: 7px; --ui-font-weight-extra-black: 950; --ui-font-weight-black: 900; --ui-font-weight-extra-bold: 800; --ui-font-weight-bold: 700; --ui-font-weight-semi-bold: 600; --ui-font-weight-medium: 500; --ui-font-weight-normal: 400; --ui-font-weight-regular: 400; --ui-font-weight-light: 300; --ui-font-weight-extra-light: 200; --ui-font-weight-thin: 100; --ui-font-family-code: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace; --ui-font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --ui-color-palette-beige-base: #fdfae1; --ui-color-palette-gray-03: #f8f9fa; --ui-color-palette-gray-05: #eef2f4; --ui-color-palette-gray-90: #525c69; --ui-color-palette-gray-80: #6a737f; --ui-color-palette-gray-70: #828b95; --ui-color-palette-gray-60: #959ca4; --ui-color-palette-gray-50: #a8adb4; --ui-color-palette-gray-40: #bdc1c6; --ui-color-palette-gray-30: #d5d7db; --ui-color-palette-gray-20: #dfe0e3; --ui-color-palette-gray-10: #edeef0; --ui-color-palette-red-solid: #f0371b; --ui-color-palette-red-95: #800602; --ui-color-palette-red-90: #9a0703; --ui-color-palette-red-80: #c21b16; --ui-color-palette-red-70: #e92f2a; --ui-color-palette-red-60: #f4433e; --ui-color-palette-red-50: #ff5752; --ui-color-palette-red-40: #ff9a97; --ui-color-palette-red-30: #ffcdcc; --ui-color-palette-red-20: #ffe8e8; --ui-color-palette-red-10: #fff8f8; --ui-color-palette-orange-95: #614000; --ui-color-palette-orange-90: #7a5100; --ui-color-palette-orange-80: #9f6a00; --ui-color-palette-orange-70: #c48300; --ui-color-palette-orange-60: #e89b06; --ui-color-palette-orange-50: #ffa900; --ui-color-palette-orange-40: #ffc34d; --ui-color-palette-orange-30: #ffe1a6; --ui-color-palette-orange-20: #fff1d6; --ui-color-palette-orange-10: #fffaf0; --ui-color-palette-green-95: #3d4f00; --ui-color-palette-green-90: #506900; --ui-color-palette-green-80: #688800; --ui-color-palette-green-70: #7fa800; --ui-color-palette-green-60: #8dbb00; --ui-color-palette-green-50: #9dcf00; --ui-color-palette-green-40: #bbde4d; --ui-color-palette-green-30: #e2f1b3; --ui-color-palette-green-20: #f1fbd0; --ui-color-palette-green-10: #fafded; --ui-color-palette-blue-95: #004f69; --ui-color-palette-blue-90: #006382; --ui-color-palette-blue-80: #02779c; --ui-color-palette-blue-70: #058cb7; --ui-color-palette-blue-60: #1aa9d6; --ui-color-palette-blue-50: #2fc6f6; --ui-color-palette-blue-40: #7edcf9; --ui-color-palette-blue-30: #c1eefd; --ui-color-palette-blue-20: #e5f9ff; --ui-color-palette-blue-10: #f4fcfe; --ui-color-palette-white-base: #ffffff; --ui-color-palette-black-base: #333333; --ui-color-palette-black-solid: #000000; --ui-color-overlay-base: rgba(255, 255, 255, 0.5); --ui-color-accent-purple: #a77bde; --ui-color-accent-turquoise: #05b5ab; --ui-color-accent-green: #29ad49; --ui-color-accent-brown: #ae914b; --ui-color-accent-pink: #fb6dba; --ui-color-accent-aqua: #55d0e0; --ui-color-accent-light-blue: #559be6; --ui-color-tag-9: #e2e3e5; --ui-color-tag-8: #ccd3dd; --ui-color-tag-7: #dfc684; --ui-color-tag-6: #ace5ec; --ui-color-tag-5: #c2d1f0; --ui-color-tag-4: #87eda0; --ui-color-tag-3: #dbf087; --ui-color-tag-2: #00baf2; --ui-color-tag-1: #bcedfc; --ui-border-width-thick: 2px; --ui-border-width-thin: 1px; --ui-border-radius-pill: 99rem; --ui-border-radius-circle: 50%; --ui-border-radius-3xl: 20px; --ui-border-radius-2xl: 16px; --ui-border-radius-xl: 14px; --ui-border-radius-lg: 12px; --ui-border-radius-md: 10px; --ui-border-radius-sm: 8px; --ui-border-radius-xs: 6px; --ui-border-radius-2xs: 4px; --ui-border-radius-3xs: 2px; --ui-border-radius-none: 0; --ui-typography-text-lg-font-weight: 400; --ui-typography-text-lg-line-height: 1.4; --ui-typography-text-lg-font-size: var(--ui-font-size-lg); --ui-typography-text-md-font-weight: 400; --ui-typography-text-md-line-height: 1.4; --ui-typography-text-md-font-size: var(--ui-font-size-md); --ui-typography-text-sm-font-weight: 400; --ui-typography-text-sm-line-height: 1.4; --ui-typography-text-sm-font-size: var(--ui-font-size-sm); --ui-typography-text-xs-font-weight: 400; --ui-typography-text-xs-line-height: 1.35; --ui-typography-text-xs-font-size: var(--ui-font-size-xs); --ui-typography-heading-h6-color: var(--ui-color-palette-black-base); --ui-typography-heading-h6-font-weight: 600; --ui-typography-heading-h6-line-height: 1.4; --ui-typography-heading-h6-font-size: var(--ui-font-size-md); --ui-typography-heading-h5-color: var(--ui-color-palette-black-base); --ui-typography-heading-h5-font-weight: 400; --ui-typography-heading-h5-line-height: 1.35; --ui-typography-heading-h5-font-size: var(--ui-font-size-xl); --ui-typography-heading-h4-color: var(--ui-color-palette-black-base); --ui-typography-heading-h4-font-weight: 400; --ui-typography-heading-h4-line-height: 1.35; --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl); --ui-typography-heading-h3-color: var(--ui-color-palette-black-base); --ui-typography-heading-h3-font-weight: 300; --ui-typography-heading-h3-line-height: 1.3; --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl); --ui-typography-heading-h2-color: var(--ui-color-palette-black-base); --ui-typography-heading-h2-font-weight: 300; --ui-typography-heading-h2-line-height: 1.3; --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl); --ui-typography-heading-h1-color: var(--ui-color-palette-black-base); --ui-typography-heading-h1-font-weight: 300; --ui-typography-heading-h1-line-height: 1.2; --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl); --ui-color-link-primary-base: var(--ui-color-palette-orange-60); --ui-color-background-note: var(--ui-color-palette-beige-base); --ui-color-background-on-alert: var(--ui-color-palette-red-70); --ui-color-background-alert: var(--ui-color-palette-red-20); --ui-color-background-on-warning: var(--ui-color-palette-orange-70); --ui-color-background-warning: var(--ui-color-palette-orange-20); --ui-color-background-on-success: var(--ui-color-palette-green-70); --ui-color-background-success: var(--ui-color-palette-green-20); --ui-color-background-on-info: var(--ui-color-palette-blue-70); --ui-color-background-info: var(--ui-color-palette-blue-20); --ui-color-background-tertiary: var(--ui-color-palette-gray-05); --ui-color-background-secondary: var(--ui-color-palette-gray-10); --ui-color-background-primary: var(--ui-color-palette-white-base); --ui-color-text-warning: var(--ui-color-palette-orange-50); --ui-color-text-alert: var(--ui-color-palette-red-50); --ui-color-text-subtle: var(--ui-color-palette-gray-70); --ui-color-text-secondary: var(--ui-color-palette-gray-90); --ui-color-text-primary: var(--ui-color-palette-black-base); --ui-color-extranet: var(--ui-color-palette-orange-60); --ui-color-on-primary-alt: var(--ui-color-palette-white-base); --ui-color-primary-alt: var(--ui-color-palette-green-50); --ui-color-on-primary: var(--ui-color-palette-white-base); --ui-color-primary: var(--ui-color-palette-blue-50); } .ui-typography-heading-h1 { font-size: var(--ui-typography-heading-h1-font-size); line-height: var(--ui-typography-heading-h1-line-height); font-weight: var(--ui-typography-heading-h1-font-weight); color: var(--ui-typography-heading-h1-color); } .ui-typography-heading-h2 { font-size: var(--ui-typography-heading-h2-font-size); line-height: var(--ui-typography-heading-h2-line-height); font-weight: var(--ui-typography-heading-h2-font-weight); color: var(--ui-typography-heading-h2-color); } .ui-typography-heading-h3 { font-size: var(--ui-typography-heading-h3-font-size); line-height: var(--ui-typography-heading-h3-line-height); font-weight: var(--ui-typography-heading-h3-font-weight); color: var(--ui-typography-heading-h3-color); } .ui-typography-heading-h4 { font-size: var(--ui-typography-heading-h4-font-size); line-height: var(--ui-typography-heading-h4-line-height); font-weight: var(--ui-typography-heading-h4-font-weight); color: var(--ui-typography-heading-h4-color); } .ui-typography-heading-h5 { font-size: var(--ui-typography-heading-h5-font-size); line-height: var(--ui-typography-heading-h5-line-height); font-weight: var(--ui-typography-heading-h5-font-weight); color: var(--ui-typography-heading-h5-color); } .ui-typography-heading-h6 { font-size: var(--ui-typography-heading-h6-font-size); line-height: var(--ui-typography-heading-h6-line-height); font-weight: var(--ui-typography-heading-h6-font-weight); color: var(--ui-typography-heading-h6-color); } .ui-typography-text-xs { font-size: var(--ui-typography-text-xs-font-size); line-height: var(--ui-typography-text-xs-line-height); font-weight: var(--ui-typography-text-xs-font-weight); } .ui-typography-text-sm { font-size: var(--ui-typography-text-sm-font-size); line-height: var(--ui-typography-text-sm-line-height); font-weight: var(--ui-typography-text-sm-font-weight); } .ui-typography-text-md { font-size: var(--ui-typography-text-md-font-size); line-height: var(--ui-typography-text-md-line-height); font-weight: var(--ui-typography-text-md-font-weight); } .ui-typography-text-lg { font-size: var(--ui-typography-text-lg-font-size); line-height: var(--ui-typography-text-lg-line-height); font-weight: var(--ui-typography-text-lg-font-weight); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.28 |
proxy
|
phpinfo
|
Settings