Typography

@mixin default-focus-style (...) { ... }

@mixin inverse-focus-style (...) { ... }

@mixin h1 (...) { ... }

@mixin h2 (...) { ... }

@mixin h3 (...) { ... }

@mixin h4 (...) { ... }

@mixin h5 (...) { ... }

@mixin h6 (...) { ... }

@mixin font-size (...) { ... }

@mixin font (...) { ... }

@mixin lead (...) { ... }

@mixin link-default (...) { ... }

@mixin links-default (...) { ... }

@mixin link-inverse (...) { ... }

@mixin links-inverse (...) { ... }

@function font-family (...) { ... }

@function get-scale-integer (...) { ... }

@function get-font-size (...) { ... }

@function get-line-height (...) { ... }

$named-font-sizes: (
  h1: 7,
  h2: 6,
  h3: 5,
  h4: 4,
  h5: 3,
  h6: 2,
  lead: 1,
  p: 0
);

$font-sizes: (
  // sass-lint:disable-block space-around-operator
  -2: (
    fs: 12,
    lh: 4 * 4,
    fw: 400,
    mb: $spacing-small,
    mt: $spacing-small
  ),
  -1: (
    fs: 14,
    lh: 4 * 5,
    fw: 400,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // Paragraphs
  0: (
    fs: 4 * 4,
    lh: 4 * 6,
    fw: 400,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // Lead
  1: (
    fs: 4 * 5,
    lh: 4 * 7,
    fw: 400,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // h6
  2: (
    fs: 4 * 4,
    lh: 4 * 5,
    fw: 700,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // h5
  3: (
    fs: 4 * 5,
    lh: 4 * 6,
    fw: 700,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // h4
  4: (
    fs: 4 * 6,
    lh: 4 * 7,
    fw: 700,
    mb: $spacing-medium,
    mt: $spacing-medium
  ),
  // h3
  5: (
    fs: 4 * 7,
    lh: 4 * 8,
    fw: 700,
    mb: $spacing-medium,
    mt: $spacing-large
  ),
  // h2
  6: (
    fs: 4 * 8,
    lh: 4 * 10,
    fw: 700,
    mb: $spacing-medium,
    mt: $spacing-large
  ),
  // h1
  7: (
    fs: 4 * 11,
    lh: 4 * 12,
    fw: 900,
    mb: $spacing-medium,
    mt: 0,
  )
);