@aquera/nile/lib/styles/theme/nxt/_typography.css

Nile web components for web products and experiences

/* 6. Typography - Value */
:root {
  --ng-font-family-display: Inter;
  --ng-font-family-body: Inter;
  --ng-font-weight-regular: var(--ng-font-weight-400);
  --ng-font-weight-medium: var(--ng-font-weight-500);
  --ng-font-weight-semibold: var(--ng-font-weight-600);
  --ng-font-weight-bold: var(--ng-font-weight-700);
  --ng-font-weight-regular-italic: Regular italic;
  --ng-font-weight-medium-italic: Medium italic;
  --ng-font-weight-semibold-italic: Semibold italic;
  --ng-font-weight-bold-italic: Bold italic;
  --ng-font-size-text-xs: 12px;
  --ng-line-height-text-xs: 18px;
  --ng-line-height-text-sm: 20px;
  --ng-line-height-text-md: 24px;
  --ng-line-height-text-lg: 28px;
  --ng-line-height-text-xl: 30px;
  --ng-line-height-display-xs: 32px;
  --ng-line-height-display-sm: 38px;
  --ng-line-height-display-md: 44px;
  --ng-line-height-display-lg: 60px;
  --ng-line-height-display-xl: 72px;
  --ng-line-height-display-2xl: 90px;
  --ng-font-size-text-sm: 14px;
  --ng-font-size-text-md: 16px;
  --ng-font-size-text-lg: 18px;
  --ng-font-size-text-xl: 20px;
  --ng-font-size-display-xs: 24px;
  --ng-font-size-display-sm: 30px;
  --ng-font-size-display-md: 36px;
  --ng-font-size-display-lg: 48px;
  --ng-font-size-display-xl: 60px;
  --ng-font-size-display-2xl: 72px;
  --ng-font-weight-lighter: lighter;
  --ng-font-weight-bolder: bolder;
  --ng-font-weight-inherit: inherit;
  --ng-font-weight-initial: initial;
  --ng-font-weight-unset: unset;
  --ng-text-decoration-underline: underline;
  --ng-text-decoration-overline: overline;
  --ng-text-decoration-line-through: line-through;
  --ng-text-decoration-none: none;
  --ng-text-decoration-solid: solid;
  --ng-text-decoration-dotted: dotted;
  --ng-text-decoration-dashed: dashed;
  --ng-text-decoration-wavy: wavy;
  --ng-text-decoration-double: double;
  --ng-text-decoration-thin: thin;
  --ng-text-decoration-thick: thick;


  --ng-webkit-font-smoothing: antialiased;
  --ng-moz-osx-font-smoothing: grayscale;
  --ng-text-rendering: optimizeLegibility;
}