@axa-ch/design-tokens/build/css/typography.css

AXA Design Tokens

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

:root {
  --typography-font-family-primary: 'Source Sans Pro';
  --typography-font-family-secondary: 'Publico Headline';
  --typography-font-family-primary-fallback-1: Arial;
  --typography-font-family-secondary-fallback-1: Georgia;
  --typography-font-family-primary-fallback-2: sans-serif;
  --typography-font-family-secondary-fallback-2: serif;
  --typography-font-size-1: 0.875rem; /* 14px */
  --typography-font-size-2: 1rem; /* 16px */
  --typography-font-size-3: 1.125rem; /* 18px */
  --typography-font-size-4: 1.25rem; /* 20px */
  --typography-font-size-5: 1.5rem; /* 24px */
  --typography-font-size-6: 1.75rem; /* 28px */
  --typography-font-size-7: 1.875rem; /* 30px */
  --typography-font-size-8: 2.25rem; /* 36px */
  --typography-font-size-9: 3rem; /* 48px */
  --typography-font-size-10: 3.875rem; /* 62px */
  --typography-line-height-1: 1.111;
  --typography-line-height-2: 1.125;
  --typography-line-height-3: 1.133;
  --typography-line-height-4: 1.142;
  --typography-line-height-5: 1.161;
  --typography-line-height-6: 1.166;
  --typography-line-height-7: 1.208;
  --typography-line-height-8: 1.214;
  --typography-line-height-9: 1.3;
  --typography-line-height-10: 1.5;
  --typography-margin-h1-top: 2.5rem;
  --typography-margin-h1-bottom: 1.25rem;
  --typography-margin-h2-top: 2.5rem;
  --typography-margin-h2-bottom: 1.25rem;
  --typography-margin-h3-top: 1.75rem;
  --typography-margin-h3-bottom: 1rem;
  --typography-margin-h4-top: 1.75rem;
  --typography-margin-h4-bottom: 1rem;
  --typography-margin-h5-top: 1.25rem;
  --typography-margin-h5-bottom: 0.75rem;
  --typography-margin-h6-top: 1.25rem;
  --typography-margin-h6-bottom: 0.75rem;
  --typography-margin-text-1-bottom: 1.75rem;
  --typography-margin-text-2-bottom: 1.75rem;
  --typography-margin-text-3-bottom: 1.25rem;
  --typography-margin-text-4-bottom: 1.25rem;
  --typography-primary-h1: 700 3.875rem/1.161 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h1-small: 700 2.25rem/1.111 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h2: 700 3rem/1.125 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h2-small: 700 1.875rem/1.133 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h3: 700 2.25rem/1.166 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h3-small: 700 1.75rem/1.142 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h4: 700 1.75rem/1.142 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h4-small: 700 1.5rem/1.208 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h5: 700 1.5rem/1.208 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h5-small: 700 1.25rem/1.208 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h6: 700 1.25rem/1.3 'Source Sans Pro', Arial, sans-serif;
  --typography-primary-h6-small: 700 1.125rem/1.111 'Source Sans Pro', Arial, sans-serif;
  --typography-secondary-h1: 700 3.875rem/1.161 'Publico Headline', Georgia, serif;
  --typography-secondary-h1-small: 700 2.25rem/1.111 'Publico Headline', Georgia, serif;
  --typography-secondary-h2: 700 3rem/1.125 'Publico Headline', Georgia, serif;
  --typography-secondary-h2-small: 700 1.875rem/1.133 'Publico Headline', Georgia, serif;
  --typography-secondary-h3: 700 2.25rem/1.166 'Publico Headline', Georgia, serif;
  --typography-secondary-h3-small: 700 1.75rem/1.142 'Publico Headline', Georgia, serif;
  --typography-secondary-h4: 700 1.75rem/1.142 'Publico Headline', Georgia, serif;
  --typography-secondary-h4-small: 700 1.5rem/1.208 'Publico Headline', Georgia, serif;
  --typography-secondary-h5: 700 1.5rem/1.208 'Publico Headline', Georgia, serif;
  --typography-secondary-h5-small: 700 1.25rem/1.208 'Publico Headline', Georgia, serif;
  --typography-secondary-h6: 700 1.25rem/1.3 'Publico Headline', Georgia, serif;
  --typography-secondary-h6-small: 700 1.125rem/1.111 'Publico Headline', Georgia, serif;
  --typography-text-1: 400 1.25rem/1.5 'Source Sans Pro', Arial, sans-serif;
  --typography-text-2: 400 1.125rem/1.5 'Source Sans Pro', Arial, sans-serif;
  --typography-text-3: 400 1rem/1.5 'Source Sans Pro', Arial, sans-serif;
  --typography-text-4: 400 0.875rem/1.214 'Source Sans Pro', Arial, sans-serif;
  --typography-text-base: 400 1rem/1.5 'Source Sans Pro', Arial, sans-serif;
  --typography-text-sm: 400 0.875rem/1.214 'Source Sans Pro', Arial, sans-serif;
  --typography-text-lg: 400 1.125rem/1.5 'Source Sans Pro', Arial, sans-serif;
  --typography-text-xl: 400 1.25rem/1.5 'Source Sans Pro', Arial, sans-serif;
}