Added display:block to heading classes, to support use on inline elem…

…ents (for example, within form label elements on single-question pages.)
alphagov · Oct 3, 2017 · 5e4acc1 · 5e4acc1
1 parent 9c1f73e
commit 5e4acc1
Show file tree

Hide file tree

Showing 3 changed files with 6,706 additions and 0 deletions.
diff --git a/assets/sass/elements/_elements-typography.scss b/assets/sass/elements/_elements-typography.scss
@@ -72,6 +72,7 @@ main {
 .heading-xlarge {
   @include bold-48();
 
+  display: block;
   margin-top: em(15, 32);
   margin-bottom: em(30, 32);
 
@@ -92,6 +93,7 @@ main {
 .heading-large {
   @include bold-36();
 
+  display: block;
   margin-top: em(25, 24);
   margin-bottom: em(10, 24);
 
@@ -112,6 +114,7 @@ main {
 .heading-medium {
   @include bold-24();
 
+  display: block;
   margin-top: em(25, 20);
   margin-bottom: em(10, 20);
 
@@ -125,6 +128,7 @@ main {
 .heading-small {
   @include bold-19();
 
+  display: block;
   margin-top: em(10, 16);
   margin-bottom: em(5, 16);