Merge pull request #1460 from alphagov/ZD-6594541-Custom-Branding-for-Belfast-City-Council

ZD-6594541 Custom branding for Belfast City Council

Author: ralphm10

images/custom/belfast-city-council.png

@@ -0,0 +1,80 @@
+$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: #008996;
+$custom-text-colour: #ffffff;
+$logo-image-height: 2em;
+
+.govuk-template--rebranded {
+  .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;
+      border-bottom: 10px solid #ffffff;
+    }
+    
+    .govuk-header__logo {
+      margin-bottom: 10px;
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+    
+    .govuk-header__service-name {
+      margin: 0 0 15px;
+      color: $custom-text-colour;
+    }
+    
+    .govuk-header__link{
+      &:link,
+      &:visited {
+        color: $custom-text-colour;
+      }
+    }
+    
+    .govuk-header__link--homepage {
+      &:hover,
+      &:active {
+        border-bottom: none;
+        margin-bottom: 0;
+      }
+      
+      &:not(:focus) {
+        background-color: transparent;
+      }
+    }
+    
+    
+    .govuk-header__container {
+      border-bottom: 10px solid $custom-banner-border-colour;
+      margin-bottom: -10px;
+      padding-top: 10px;
+    }
+    
+    @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;
+    }
+  }
+}