<commit_before>//  GOV.UK typography palettes


//  ANATOMY OF A TYPE STYLE
//  -----------------------
//  These are a collection of graphic styles. They are deliberately
//  abstracted from semantic HTML context to enable flexible re-use.
//  Although there is a lot of duplication within this file, as long
//  as you GZIP your CSS it shouldnt cause any bloat.
//
//
//  @mixin brand-45 {
//  _ Style name refers to graphic style rather than semantic use
//
//      font-size: 45px;
//      font-size: 4.5rem;
//      _ Font-sizing in rems to avoid issues with relative sizing
//        and DOM context. Font-size in pixels as fallback for
//        older browsers.
//
//      line-height: 1.1555555556;
//      _ Unit-less, relative leading value.
//        line-height (52px) / font-size (45px) = relative line-height
//
//      font-weight: 300;
//      letter-spacing: 0.01em;
//      text-transform: none;
//      _ Again, we cant assume anything about pre-exising CSS on the
//        page, so setting these values (even if just resetting them
//        to default values) will increase the robustness of the style.
//
//      padding-top: 7px;
//      padding-top: 0.7rem;
//      padding-bottom: 5px;
//      padding-bottom: 0.5rem;
//      _ Set top and bottom padding values to ensure an appropriate
//        vertical measure before & after the text, ideally sitting it
//        on the 8px baseline grid. Rem sizing will allow the
//        whitespace to scale proportionally along with the text.
//  }











// CORE FONTS - NEW TRANSPORT

// Suitable for page headings
@mixin core-48 {
  font-family: $NTA-Light;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.0416666667; /* 50px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 12px;
  padding-top: 1.2rem;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
  @media (max-width: 640px) {
    font-size: 2.5rem;
    line-height: 1.2;
    padding-top: 0.8rem;
    padding-bottom: 0.7rem;
  }
}

// Suitable for body headings
@mixin core-27 {
  font-family: $NTA-Light;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.1111111111; /* 30px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 3px;
  padding-top: 0.3rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  @media (max-width: 640px) {
    font-size: 1.9rem;
    line-height: 1.3157894737;
    padding-top: 0.7rem;
    padding-bottom: 0.3rem;
  }
}

// Suitable for short body copy
@mixin core-24 {
  font-family: $NTA-Light;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25; /* 30px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 3px;
  padding-top: 0.3rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  @media (max-width: 640px) {
    font-size: 1.7rem;
    line-height: 1.4705882353;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
}

// Suitable for long body copy
@mixin core-19 {
  font-family: $NTA-Light;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.3157894737; /* 25px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 3px;
  padding-bottom: 0.3rem;
  @media (max-width: 640px) {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
  }
}

// Suitable for captions, buttons etc
@mixin core-14 {
  font-family: $NTA-Light;
  font-size: 14px;
  font-size: 1.4rem;<commit_msg>added core-16 mixin<commit_after>//  GOV.UK typography palettes


//  ANATOMY OF A TYPE STYLE
//  -----------------------
//  These are a collection of graphic styles. They are deliberately
//  abstracted from semantic HTML context to enable flexible re-use.
//  Although there is a lot of duplication within this file, as long
//  as you GZIP your CSS it shouldnt cause any bloat.
//
//
//  @mixin brand-45 {
//  _ Style name refers to graphic style rather than semantic use
//
//      font-size: 45px;
//      font-size: 4.5rem;
//      _ Font-sizing in rems to avoid issues with relative sizing
//        and DOM context. Font-size in pixels as fallback for
//        older browsers.
//
//      line-height: 1.1555555556;
//      _ Unit-less, relative leading value.
//        line-height (52px) / font-size (45px) = relative line-height
//
//      font-weight: 300;
//      letter-spacing: 0.01em;
//      text-transform: none;
//      _ Again, we cant assume anything about pre-exising CSS on the
//        page, so setting these values (even if just resetting them
//        to default values) will increase the robustness of the style.
//
//      padding-top: 7px;
//      padding-top: 0.7rem;
//      padding-bottom: 5px;
//      padding-bottom: 0.5rem;
//      _ Set top and bottom padding values to ensure an appropriate
//        vertical measure before & after the text, ideally sitting it
//        on the 8px baseline grid. Rem sizing will allow the
//        whitespace to scale proportionally along with the text.
//  }











// CORE FONTS - NEW TRANSPORT

// Suitable for page headings
@mixin core-48 {
  font-family: $NTA-Light;
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.0416666667; /* 50px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 12px;
  padding-top: 1.2rem;
  padding-bottom: 8px;
  padding-bottom: 0.8rem;
  @media (max-width: 640px) {
    font-size: 2.5rem;
    line-height: 1.2;
    padding-top: 0.8rem;
    padding-bottom: 0.7rem;
  }
}

// Suitable for body headings
@mixin core-27 {
  font-family: $NTA-Light;
  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.1111111111; /* 30px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 3px;
  padding-top: 0.3rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  @media (max-width: 640px) {
    font-size: 1.9rem;
    line-height: 1.3157894737;
    padding-top: 0.7rem;
    padding-bottom: 0.3rem;
  }
}

// Suitable for short body copy
@mixin core-24 {
  font-family: $NTA-Light;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25; /* 30px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 3px;
  padding-top: 0.3rem;
  padding-bottom: 2px;
  padding-bottom: 0.2rem;
  @media (max-width: 640px) {
    font-size: 1.7rem;
    line-height: 1.4705882353;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
  }
}

// Suitable for long body copy
@mixin core-19 {
  font-family: $NTA-Light;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.3157894737; /* 25px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 7px;
  padding-top: 0.7rem;
  padding-bottom: 3px;
  padding-bottom: 0.3rem;
  @media (max-width: 640px) {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
  }
}

// Suitable body pullouts and asides
@mixin core-16 {
  font-family: $NTA-Light;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25; /* 20px */
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding-top: 5px;
  padding-top: 0.5rem;
  padding-bottom: 5px;
  padding-bottom: 0.5rem;
  @media (max-width: 640px) {
    font-size: 1.3rem;
    line-height: 1.5384615385;
    padding-top: 0.6rem;
    padding-bottom: 0.4rem;
  }
}

// Suitable for captions, buttons etc
@mixin core-14 {
  font-family: $NTA-Light;
  font-size: 14px;
  font-size: 1.4rem;
{'fraction_non_alphanumeric': 0.13900804289544236, 'fraction_numerical': 0.06474530831099196, 'mean_word_length': 2.4146453089244853, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 4, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7657870', 'n_tokens_mistral': 3092, 'n_tokens_neox': 2729, 'n_words': 758}