Merge pull request #1349 from alphagov/zd-6099831/dvsa-nidirect-branding

zd-6099831: dvsa nidirect branding

Author: jfharden

images/custom/dvsa-nidirect.svg

@@ -0,0 +1,63 @@
+$govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
+@import "application";
+
+// CUSTOM BRANDING
+// Use the variables below to control the style
+// Make sure banner colours meet minimum colour contrast levels
+
+$custom-banner-colour: #0a78cd;
+$custom-banner-border-colour: #0a78cd;
+$custom-text-colour: #ffffff;
+$logo-image-height: 32px;
+
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
+      }
+    }
+  }
+
+  .govuk-header {
+    background-color: $custom-banner-colour;
+  }
+
+  .govuk-header__link{
+    &:link,
+    &:visited {
+      color: $custom-text-colour;
+    }
+  }
+
+  .govuk-header__link--homepage {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
+    }
+  }
+
+  .govuk-header__service-name {
+    color: $custom-text-colour;
+  }
+
+  .govuk-header__container {
+    border-bottom-color: $custom-banner-border-colour;
+  }
+
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 7px;
+    }
+  }
+
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
+}