Improve print styles for layout-footer component

alphagov · Aug 30, 2024 · 7dccf80 · 7dccf80
1 parent 7a0a5ef
commit 7dccf80
Showing 1 changed file with 36 additions and 3 deletions.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss b/app/assets/stylesheets/govuk_publishing_components/components/_layout-footer.scss
@@ -21,10 +21,43 @@
   margin-bottom: 20px;
 }
 
-// stylelint-disable declaration-no-important
 @include govuk-media-query($media-type: print) {
+  .govuk-footer {
+    background: none;
+    margin: 25mm 0 0;
+    padding: 5mm 0 0;
+    border-top: 2pt solid $govuk-print-text-colour;
+
+    .govuk-width-container {
+      margin: 0;
+    }
+  }
+
+  .govuk-footer__section-break {
+    display: none;
+  }
+
+  .govuk-footer__meta,
+  .govuk-footer__meta-item {
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+
+  .govuk-footer__licence-description {
+    padding-right: 10mm;
+  }
+
+  .govuk-footer__copyright-logo {
+    min-width: auto;
+    padding-top: 13mm;
+    background-size: 15mm;
+    background-position: center top;
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+  }
+
   .gem-c-layout-footer {
-    font-size: 12pt !important;
+    font-size: 10pt !important; // stylelint-disable-line declaration-no-important
   }
 }
-// stylelint-enable declaration-no-important