diff --git a/src/globals/scss/core/_typography.scss b/src/globals/scss/core/_typography.scss index 5a90f91511..fab11f9a5a 100644 --- a/src/globals/scss/core/_typography.scss +++ b/src/globals/scss/core/_typography.scss @@ -139,14 +139,17 @@ } .govuk-body-m + .govuk-heading-l, - .govuk-body-s + .govuk-heading-l { + .govuk-body-s + .govuk-heading-l, + .govuk-list + .govuk-heading-l { @include govuk-responsive-padding($govuk-spacing-responsive-4, "top"); } .govuk-body-m + .govuk-heading-m, .govuk-body-s + .govuk-heading-m, + .govuk-list + .govuk-heading-m, .govuk-body-m + .govuk-heading-s, - .govuk-body-s + .govuk-heading-s { + .govuk-body-s + .govuk-heading-s, + .govuk-list + .govuk-heading-s { padding-top: $govuk-spacing-scale-1; @include mq($from: tablet) { diff --git a/src/views/examples/typography/index.njk b/src/views/examples/typography/index.njk index a7db88d041..071ac33b7b 100644 --- a/src/views/examples/typography/index.njk +++ b/src/views/examples/typography/index.njk @@ -269,6 +269,84 @@
You’ll receive your badge within 4 weeks or you’ll be contacted if you need to provide more information.
+ +govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body
+ +govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body
+ +govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body
+ +govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body govuk-body
+ +