sate-lib
Version:
A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.
1 lines • 10.6 kB
CSS
:root{--spacing-size-4:.25rem;--spacing-size-8:.5rem;--spacing-size-12:.75rem;--spacing-size-16:1rem;--spacing-size-24:1.5rem;--spacing-size-32:2rem;--spacing-size-40:2.5rem;--spacing-size-48:3rem;--spacing-size-56:3.5rem;--spacing-size-64:4rem;--spacing-size-72:4.5rem;--spacing-size-80:5rem;--spacing-size-88:5.5rem;--spacing-size-96:6rem;--spacing-size-104:6.5rem;--spacing-size-112:7rem;--spacing-size-120:7.5rem;--spacing-size-128:8rem;--radius-radii-10:.625rem;--radius-radii-16:1rem;--radius-radii-24:1.5rem;--radius-radii-full:62.5rem;--radius-radii-32:2rem;--radius-radii-40:2.5rem;--radius-radii-64:4rem;--spacing-size-146:9.125rem;--spacing-size-154:9.625rem;--radius-radii-8:.5rem;--spacing-size-0:0rem;--radius-radii-4:.25rem;--radius-radii-12:.75rem;--spacing-size-2:.125rem;--spacing-size-6:.375rem;--radius-radii-14:.875rem;--spacing-size-20:1.25rem;--spacing-size-10:.625rem;--radius-radii-20:1.25rem;--typeface-brand:"Author";--typeface-interface:"Golos UI";--typeface-weight-regular:"Regular";--typeface-weight-medium:"Medium";--typeface-weight-bold:"Bold";--color-content-primary:#202020;--color-content-secondary:#646464;--color-content-tertiary:gray;--color-content-link:#202020;--color-content-link-hover:#000;--color-content-link-active:#202020;--color-interactive-primary:#646464;--color-interactive-primary-hover:#202020;--color-interactive-primary-active:#646464;--color-interactive-secondary:#000;--color-interactive-secondary-active:#000;--color-interactive-secondary-hover:#000;--color-interactive-accent:#202020;--color-interactive-accent-hover:#000;--color-interactive-accent-active:#202020;--color-interactive-control:#fff;--color-interactive-control-hover:#fff;--color-interactive-control-active:#fff;--color-interactive-contrast:#202020;--color-interactive-contrast-hover:#646464;--color-interactive-contrast-active:gray;--color-border-neutral:#000;--color-border-overlay:#000;--color-background-screen:#fdfdf9;--color-background-screen-hover:#000;--color-background-screen-active:#000;--color-background-elevated:#fdfdf9;--color-background-neutral:#000;--color-background-neutral-hover:#000;--color-background-neutral-active:#000;--color-background-overlay:#000;--color-sentiment-negative-primary:#c62a2f;--color-color-contrast:#fff;--color-color-light:#fff;--color-color-dark:#202020;--color-color-contrast-overlay:#fff;--color-color-contrast-theme:#202020;--color-background-input-primary:#fff;--typescale-display-large-font:var(--typeface-brand);--typescale-display-large-weight:var(--typeface-weight-bold);--typescale-display-large-font-size:6rem;--typescale-display-large-line-height:5.125rem;--typescale-display-large-letter-spacing:0rem;--typescale-display-medium-font:var(--typeface-brand);--typescale-display-medium-weight:var(--typeface-weight-bold);--typescale-display-medium-font-size:4rem;--typescale-display-medium-line-height:3.375rem;--typescale-display-medium-letter-spacing:0rem;--typescale-display-small-font:var(--typeface-brand);--typescale-display-small-weight:var(--typeface-weight-bold);--typescale-display-small-font-size:2.5rem;--typescale-display-small-line-height:2.125rem;--typescale-display-small-letter-spacing:0rem;--typescale-title-screen-font:var(--typeface-brand);--typescale-title-screen-weight:var(--typeface-weight-bold);--typescale-title-screen-font-size:2.5rem;--typescale-title-screen-line-height:2.125rem;--typescale-title-screen-letter-spacing:0rem;--typescale-title-screen-paragraph-spacing:.5rem;--typescale-title-section-font:var(--typeface-brand);--typescale-title-section-weight:var(--typeface-weight-bold);--typescale-title-section-font-size:1.75rem;--typescale-title-section-line-height:2.25rem;--typescale-title-section-letter-spacing:0rem;--typescale-title-section-paragraph-spacing:.5rem;--typescale-title-subsection-font:var(--typeface-brand);--typescale-title-subsection-weight:var(--typeface-weight-bold);--typescale-title-subsection-font-size:1.25rem;--typescale-title-subsection-line-height:1.75rem;--typescale-title-subsection-letter-spacing:0rem;--typescale-title-subsection-paragraph-spacing:.5rem;--typescale-title-body-font:var(--typeface-brand);--typescale-title-body-weight:var(--typeface-weight-bold);--typescale-title-body-font-size:1.125rem;--typescale-title-body-line-height:1.5rem;--typescale-title-body-letter-spacing:0rem;--typescale-title-body-paragraph-spacing:.5rem;--typescale-title-group-font:var(--typeface-brand);--typescale-title-group-weight:var(--typeface-weight-bold);--typescale-title-group-font-size:1.125rem;--typescale-title-group-line-height:1.625rem;--typescale-title-group-letter-spacing:0rem;--typescale-title-group-paragraph-spacing:.5rem;--typescale-body-large-font:var(--typeface-interface);--typescale-body-large-weight:var(--typeface-weight-regular);--typescale-body-large-font-size:1rem;--typescale-body-large-line-height:1.5rem;--typescale-body-large-letter-spacing:0rem;--typescale-body-large-paragraph-spacing:.5rem;--typescale-body-large-emphasis-font:var(--typeface-interface);--typescale-body-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-large-emphasis-font-size:1rem;--typescale-body-large-emphasis-line-height:1.5rem;--typescale-body-large-emphasis-letter-spacing:0rem;--typescale-body-large-emphasis-paragraph-spacing:.5rem;--typescale-body-default-font:var(--typeface-interface);--typescale-body-default-weight:var(--typeface-weight-regular);--typescale-body-default-font-size:.875rem;--typescale-body-default-line-height:1.25rem;--typescale-body-default-letter-spacing:0rem;--typescale-body-default-paragraph-spacing:.5rem;--typescale-body-default-emphasis-font:var(--typeface-interface);--typescale-body-default-emphasis-weight:var(--typeface-weight-medium);--typescale-body-default-emphasis-font-size:.875rem;--typescale-body-default-emphasis-line-height:1.25rem;--typescale-body-default-emphasis-letter-spacing:0rem;--typescale-body-default-emphasis-paragraph-spacing:.5rem;--typescale-body-small-font:var(--typeface-interface);--typescale-body-small-weight:var(--typeface-weight-regular);--typescale-body-small-font-size:.75rem;--typescale-body-small-line-height:1rem;--typescale-body-small-letter-spacing:0rem;--typescale-body-small-paragraph-spacing:.5rem;--typescale-body-small-emphasis-font:var(--typeface-interface);--typescale-body-small-emphasis-weight:var(--typeface-weight-medium);--typescale-body-small-emphasis-font-size:.75rem;--typescale-body-small-emphasis-line-height:1rem;--typescale-body-small-emphasis-letter-spacing:0rem;--typescale-body-small-emphasis-paragraph-spacing:.5rem;--typescale-link-large-font:var(--typeface-interface);--typescale-link-large-weight:var(--typeface-weight-medium);--typescale-link-large-font-size:1rem;--typescale-link-large-line-height:1.5rem;--typescale-link-large-letter-spacing:0rem;--typescale-link-large-paragraph-spacing:.5rem;--typescale-link-default-font:var(--typeface-interface);--typescale-link-default-weight:var(--typeface-weight-medium);--typescale-link-default-font-size:.875rem;--typescale-link-default-line-height:1.375rem;--typescale-link-default-letter-spacing:0rem;--typescale-link-default-paragraph-spacing:.5rem;--typescale-text-field-font:var(--typeface-interface);--typescale-text-field-weight:var(--typeface-weight-regular);--typescale-text-field-font-size:1rem;--typescale-text-field-line-height:1.25rem;--typescale-text-field-letter-spacing:0rem;--typescale-text-field-paragraph-spacing:.5rem;--color-sentiment-negative-primary-hover:#641723;--color-sentiment-negative-primary-active:#c62a2f;--color-black:#000;--color-white:#fff;--typescale-link-small-font:var(--typeface-interface);--typescale-link-small-weight:var(--typeface-weight-medium);--typescale-link-small-font-size:.75rem;--typescale-link-small-line-height:1rem;--typescale-link-small-letter-spacing:0rem;--typescale-link-small-paragraph-spacing:.5rem;--typescale-body-x-large-font:var(--typeface-interface);--typescale-body-x-large-weight:var(--typeface-weight-regular);--typescale-body-x-large-font-size:1.125rem;--typescale-body-x-large-line-height:1.625rem;--typescale-body-x-large-letter-spacing:0rem;--typescale-body-x-large-paragraph-spacing:.5rem;--typescale-body-x-large-emphasis-font:var(--typeface-interface);--typescale-body-x-large-emphasis-weight:var(--typeface-weight-medium);--typescale-body-x-large-emphasis-font-size:1.125rem;--typescale-body-x-large-emphasis-line-height:1.5rem;--typescale-body-x-large-emphasis-letter-spacing:0rem;--typescale-body-x-large-emphasis-paragraph-spacing:.5rem;--color-background-input-secondary:#000;--color-sentiment-negative-secondary:#ffe5e5;--color-sentiment-negative-secondary-hover:#fdd8d8;--color-sentiment-negative-secondary-active:#f9c6c6;--color-sentiment-positive-primary:#18794e;--color-sentiment-positive-primary-hover:#193b2d;--color-sentiment-positive-primary-active:#18794e;--color-sentiment-positive-secondary:#ddf3e4;--color-sentiment-positive-secondary-hover:#ccebd7;--color-sentiment-positive-secondary-active:#b4dfc4;--color-sentiment-warning-primary:#ffc53d;--color-sentiment-warning-primary-hover:#ffba1a;--color-sentiment-warning-primary-active:#ffc53d;--color-sentiment-warning-secondary:#fff3d0;--color-sentiment-warning-secondary-hover:#ffecb7;--color-sentiment-warning-secondary-active:#ffe0a1;--color-sentiment-warning-content:#775f28;--color-sentiment-warning-content-hover:#473b1f;--color-sentiment-warning-content-active:#775f28;--color-sentiment-informative-primary:#0880ea;--color-sentiment-informative-primary-hover:#0b68cb;--color-sentiment-informative-primary-active:#0880ea;--color-sentiment-informative-secondary:#e1f0ff;--color-sentiment-informative-secondary-hover:#cee7fe;--color-sentiment-informative-secondary-active:#b7d9f8;--color-fixed-elevated-light:#fff;--color-fixed-elevated-light-hover:#fff;--color-fixed-elevated-light-active:#fff;--color-fixed-elevated-dark:#000;--color-fixed-elevated-dark-hover:#000;--color-fixed-elevated-dark-active:#000;--color-fixed-content-on-dark:#fff;--color-fixed-content-on-light:#202020;--color-background-screen-blur:#fdfdf9;--box-shadow-1:0px 1px 0px 0px #11111a1a;--box-shadow-2:0px 1px 0px #11111a0d,0px 0px 8px #11111a1a;--box-shadow-3:0px 0px 16px 0px #11111a1a;--box-shadow-4:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a0d;--box-shadow-5:0px 8px 32px 0px #11111a0d,0px 4px 16px 0px #11111a1a;--box-shadow-6:0px 16px 48px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 1px 0px 0px #11111a1a;--box-shadow-7:0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a,0px 4px 16px 0px #11111a1a;--box-shadow-8:0px 24px 80px 0px #11111a1a,0px 16px 56px 0px #11111a1a,0px 8px 24px 0px #11111a1a}