{"version":3,"sources":["../../../../src/nhsuk/core/styles/_typography.scss"],"names":[],"mappings":"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","file":"_typography.scss","sourcesContent":["@use \"../settings\" as *;\n@use \"../tools\" as *;\n@use \"../helpers\" as *;\n\n////\n/// Typography\n///\n/// @group styles\n////\n\n// Headings\n//\n// The % (silent class) allows code to be extended (@extend) to other elements\n// without bloating the code.\n\n%nhsuk-heading-xl {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(48, $weight: bold);\n  @include nhsuk-responsive-margin(7, \"bottom\");\n}\n\nh1,\n.nhsuk-heading-xl {\n  @extend %nhsuk-heading-xl;\n}\n\n%nhsuk-heading-l {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(36, $weight: bold);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh2,\n.nhsuk-heading-l {\n  @extend %nhsuk-heading-l;\n}\n\n%nhsuk-heading-m {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(26, $weight: bold);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh3,\n.nhsuk-heading-m {\n  @extend %nhsuk-heading-m;\n}\n\n%nhsuk-heading-s {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(22, $weight: bold);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh4,\n.nhsuk-heading-s {\n  @extend %nhsuk-heading-s;\n}\n\n%nhsuk-heading-xs {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(19, $weight: bold);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh5,\n.nhsuk-heading-xs {\n  @extend %nhsuk-heading-xs;\n}\n\n%nhsuk-heading-xxs {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(19, $weight: bold);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\nh6,\n.nhsuk-heading-xxs {\n  @extend %nhsuk-heading-xxs;\n}\n\n// Captions to be used inside headings\n\n.nhsuk-caption-xl {\n  display: block;\n  margin-bottom: nhsuk-spacing(1);\n  color: $nhsuk-secondary-text-colour;\n\n  @include nhsuk-font(26);\n}\n\n.nhsuk-caption-l {\n  display: block;\n  margin-bottom: nhsuk-spacing(1);\n  color: $nhsuk-secondary-text-colour;\n\n  @include nhsuk-font(22);\n}\n\n.nhsuk-caption-m {\n  display: block;\n  color: $nhsuk-secondary-text-colour;\n\n  @include nhsuk-font(19);\n}\n\n.nhsuk-caption--bottom {\n  margin-top: nhsuk-spacing(1);\n  margin-bottom: nhsuk-spacing(0);\n}\n\n// Body (paragraphs)\n\n%nhsuk-body-l {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(26);\n  @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n.nhsuk-body-l {\n  @extend %nhsuk-body-l;\n}\n\n%nhsuk-body-m {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(19);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\np,\n.nhsuk-body,\n.nhsuk-body-m {\n  @extend %nhsuk-body-m;\n  color: inherit;\n}\n\n%nhsuk-body-s {\n  display: block;\n  margin-top: 0;\n\n  @include nhsuk-font(16);\n  @include nhsuk-responsive-margin(4, \"bottom\");\n}\n\n.nhsuk-body-s {\n  @extend %nhsuk-body-s;\n}\n\naddress {\n  @extend %nhsuk-body-m;\n\n  font-style: normal;\n}\n\n// Lede text\n//\n// 1. Apply lede text styling to p and ul within the lede element\n// 2. Reduces the spacing between the page heading and the lede text\n\n.nhsuk-lede-text {\n  @include nhsuk-font(26);\n  @include nhsuk-responsive-margin(7, \"bottom\");\n\n  // [1]\n  p,\n  ul {\n    @include nhsuk-font(26);\n  }\n}\n\n.nhsuk-lede-text--small {\n  @include nhsuk-font(19);\n  @include nhsuk-responsive-margin(5, \"bottom\");\n}\n\n// [2]\nh1 + .nhsuk-lede-text,\nh1 + .nhsuk-lede-text--small {\n  margin-top: -(nhsuk-spacing(2));\n}\n\n// Contextual adjustments\n//\n// Add top padding to headings that appear directly after paragraphs.\n//\n// 1. Removes the padding-top because of the lede-text's increased margin-bottom\n\n%nhsuk-body-l + %nhsuk-heading-l {\n  padding-top: nhsuk-spacing(1);\n\n  @include nhsuk-media-query($from: tablet) {\n    padding-top: nhsuk-spacing(2);\n  }\n}\n\n%nhsuk-body-m + %nhsuk-heading-l,\n%nhsuk-body-s + %nhsuk-heading-l {\n  @include nhsuk-responsive-padding(4, \"top\");\n}\n\n%nhsuk-body-m + %nhsuk-heading-m,\n%nhsuk-body-s + %nhsuk-heading-m,\n%nhsuk-body-m + %nhsuk-heading-s,\n%nhsuk-body-s + %nhsuk-heading-s {\n  padding-top: nhsuk-spacing(1);\n\n  @include nhsuk-media-query($from: tablet) {\n    padding-top: nhsuk-spacing(2);\n  }\n}\n\n// [1]\n.nhsuk-lede-text + %nhsuk-heading-l {\n  padding-top: 0;\n}\n\n// Font weight for <strong> and <b>\n\nstrong,\nb {\n  @include nhsuk-font-weight-bold;\n}\n\n@include nhsuk-media-query($media-type: print) {\n  .nhsuk-main-wrapper {\n    padding-top: 1em;\n    padding-bottom: 1em;\n  }\n\n  h1,\n  .nhsuk-heading-xl,\n  h2,\n  .nhsuk-heading-l,\n  h3,\n  .nhsuk-heading-m,\n  h4,\n  .nhsuk-heading-s,\n  h5,\n  .nhsuk-heading-xs,\n  h6,\n  .nhsuk-heading-xxs,\n  .nhsuk-lede-text,\n  .nhsuk-body-l,\n  p,\n  .nhsuk-body-m,\n  .nhsuk-body-s,\n  .nhsuk-body,\n  address,\n  ol,\n  ul,\n  .nhsuk-list {\n    margin-bottom: 7.5pt;\n  }\n\n  h1 {\n    // stylelint-disable-next-line declaration-no-important\n    margin-bottom: 15pt !important;\n  }\n\n  %nhsuk-body-l + %nhsuk-heading-l,\n  %nhsuk-body-m + %nhsuk-heading-l,\n  %nhsuk-body-s + %nhsuk-heading-l,\n  %nhsuk-body-m + %nhsuk-heading-m,\n  %nhsuk-body-s + %nhsuk-heading-m,\n  %nhsuk-body-m + %nhsuk-heading-s,\n  %nhsuk-body-s + %nhsuk-heading-s {\n    padding-top: 0.45em;\n  }\n}\n\n// Code\n\nli code,\ncaption code,\ntd code,\np code {\n  width: fit-content;\n  padding: 2px nhsuk-spacing(1);\n  color: $nhsuk-code-colour;\n  background-color: nhsuk-colour(\"white\");\n}\n\ncode,\nsamp,\nkbd,\nvar {\n  @include nhsuk-font-monospace;\n  font-size: inherit;\n}\n\nsamp,\nkbd,\nvar {\n  font-style: normal;\n}\n\nkbd > kbd {\n  display: inline-block;\n  margin: 0 nhsuk-em(4px, 19);\n  padding: 0 nhsuk-spacing(1);\n  border: $nhsuk-border-width-form-element solid currentcolor;\n  border-radius: $nhsuk-border-radius;\n\n  &:first-child {\n    margin-left: nhsuk-em(1px, 19);\n  }\n\n  &:last-child {\n    margin-right: nhsuk-em(1px, 19);\n  }\n}\n\na code {\n  color: currentcolor;\n}\n\na:focus code {\n  background-color: transparent;\n}\n"]}