Merge pull request #761 from alphagov/govspeak-header-margins

Change govspeak header margin styling.
alphagov · Mar 30, 2016 · c2903a4 · c2903a4
2 parents da3179a + 5e75223
commit c2903a4
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 1 deletion.
diff --git a/app/assets/stylesheets/govuk-component/_govspeak-html-publication.scss b/app/assets/stylesheets/govuk-component/_govspeak-html-publication.scss
@@ -92,6 +92,23 @@
         }
       }
     }
+
+    .stat-headline:first-child {
+      margin-top: $gutter;
+
+      @include media(tablet) {
+        margin-top: ($gutter * 2) + $gutter-two-thirds;
+      }
+    }
+
+    h2,
+    h3 {
+      margin-top: $gutter;
+
+      @include media(tablet) {
+        margin-top: ($gutter * 2) + $gutter-two-thirds;
+      }
+    }
   }
 
   .sticky-element {

diff --git a/app/assets/stylesheets/govuk-component/_govspeak.scss b/app/assets/stylesheets/govuk-component/_govspeak.scss
@@ -334,7 +334,13 @@
   }
 
   .stat-headline {
-    margin-bottom: $gutter;
+    margin-bottom: $gutter-half;
+    margin-top: $gutter-half;
+
+    @include media(tablet) {
+      margin-bottom: $gutter-two-thirds;
+      margin-top: $gutter-two-thirds;
+    }
 
     p {
       @include bold-19;