@canonical/launchpad-design-tokens/dist/css/typography/medium.css

Design tokens for Canonical's Launchpad

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --tmp-typography-weight-extra-thin: 180;
  --tmp-typography-weight-thin: 200;
  --tmp-typography-weight-light: 300;
  --tmp-typography-weight-regular: 400;
  --tmp-typography-weight-medium: 450;
  --tmp-typography-weight-bold: 550;
  --tmp-typography-letter-spacing-m: 0em;
  --tmp-typography-letter-spacing-l: 0.05em;
  --tmp-typography-letter-spacing-xl: 0.07em;
  --tmp-typography-font-family-default: 'Ubuntu Sans', Ubuntu, -apple-system, 'Segoe UI', Roboto, Oxygen, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --tmp-typography-font-family-mono: 'Ubuntu Sans Mono', 'Ubuntu Mono', Consolas, Monaco, Courier, monospace;
  --tmp-typography-font-size-xs: 0.75rem;
  --tmp-typography-font-size-s: 0.875rem;
  --tmp-typography-font-size-m: 1rem;
  --tmp-typography-font-size-l: 1.125rem;
  --tmp-typography-font-size-xl: 1.5rem;
  --tmp-typography-font-size-xxl: 2rem;
  --tmp-typography-line-height-xs: 1rem;
  --tmp-typography-line-height-s: 1.25rem;
  --tmp-typography-line-height-m: 1.5rem;
  --tmp-typography-line-height-l: 1.5rem;
  --tmp-typography-line-height-xl: 2rem;
  --tmp-typography-line-height-xxl: 2.5rem;
  --tmp-typography-paragraph-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-xs-strong: var(--tmp-typography-weight-bold) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-s-strong: var(--tmp-typography-weight-bold) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-default: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-m)/var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-default-strong: var(--tmp-typography-weight-bold) var(--tmp-typography-font-size-m)/var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-default);
  --tmp-typography-paragraph-default-small-caps: small-caps var(--tmp-typography-weight-bold) var(--tmp-typography-font-size-m)/var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-default); /** `letter-spacing` in CSS is not a constituent of `font` and as such it is skipped in the output of this composite token. Be sure to apply `tmp.typography.letterSpacing.l` separately whenever design requires it. */
  --tmp-typography-code-xs: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-xs)/var(--tmp-typography-line-height-xs) var(--tmp-typography-font-family-mono);
  --tmp-typography-code-s: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-s)/var(--tmp-typography-line-height-s) var(--tmp-typography-font-family-mono);
  --tmp-typography-code-default: var(--tmp-typography-weight-regular) var(--tmp-typography-font-size-m)/var(--tmp-typography-line-height-m) var(--tmp-typography-font-family-mono);
  --tmp-typography-h1: var(--tmp-typography-weight-medium) var(--tmp-typography-font-size-xxl)/var(--tmp-typography-line-height-xxl) var(--tmp-typography-font-family-default);
  --tmp-typography-h2: var(--tmp-typography-weight-extra-thin) var(--tmp-typography-font-size-xxl)/var(--tmp-typography-line-height-xxl) var(--tmp-typography-font-family-default);
  --tmp-typography-h3: var(--tmp-typography-weight-medium) var(--tmp-typography-font-size-xl)/var(--tmp-typography-line-height-xl) var(--tmp-typography-font-family-default);
  --tmp-typography-h4: var(--tmp-typography-weight-thin) var(--tmp-typography-font-size-xl)/var(--tmp-typography-line-height-xl) var(--tmp-typography-font-family-default);
  --tmp-typography-h5: var(--tmp-typography-weight-medium) var(--tmp-typography-font-size-l)/var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
  --tmp-typography-h6: var(--tmp-typography-weight-light) var(--tmp-typography-font-size-l)/var(--tmp-typography-line-height-l) var(--tmp-typography-font-family-default);
}