layout_header component print styles

alphagov · Aug 7, 2024 · 8d21318 · 8d21318
1 parent cef6954
commit 8d21318
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss b/app/assets/stylesheets/govuk_publishing_components/components/_layout-header.scss
@@ -167,3 +167,50 @@
 .gem-c-header__nav {
   clear: both;
 }
+
+// stylelint-disable declaration-no-important
+@include govuk-media-query($media-type: print) {
+  .gem-c-layout-header .govuk-header__container {
+    .govuk-grid-row:nth-child(even) {
+      display: none !important;
+    }
+
+    .govuk-header__content {
+      display: none;
+    }
+
+    .gem-c-layout-header__logo {
+      float: none;
+      width: auto;
+    }
+
+    .gem-c-header__logo {
+      width: 100%;
+      margin: 0;
+      padding: 0 2mm 2mm 0;
+    }
+
+    .govuk-header__link {
+      display: flex;
+      align-items: center;
+      margin: 0;
+    }
+
+    .govuk-header__logotype {
+      display: flex;
+      align-items: center;
+    }
+
+    .govuk-header__logotype-crown {
+      margin-right: 2mm !important;
+    }
+
+    .gem-c-header__product-name,
+    .gem-c-environment-tag {
+      margin: 0 0 0 4mm;
+      color: $govuk-print-text-colour !important;
+      background-color: initial;
+    }
+  }
+}
+// stylelint-enable declaration-no-important