Merge pull request #1264 from alphagov/ZD-5842004_custom_branding_for…

…_university_hospital_southampton_nhs_foundation_trust

ZD-5842004 University Hospital Southampton NHS FT custom branding

sass/custom/university-hospital-southampton-nhs-foundation-trust.scss

@@ -0,0 +1,59 @@
+$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: #ffffff;
+$custom-banner-border-colour: #0072ce;
+$custom-text-colour: #000000;
+$logo-image-width: 150px;
+
+.custom-branding {
+  @if $logo-image-width != null {
+    .custom-branding-image {
+      width: $logo-image-width;
+
+      @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--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-header__logo {
+      float: right;
+      margin-right: -.75rem;
+    }
+  }
+
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
+}