diff --git a/images/custom/nhs-somerset.png b/images/custom/nhs-somerset.png new file mode 100644 index 00000000..668d5876 Binary files /dev/null and b/images/custom/nhs-somerset.png differ diff --git a/sass/custom/nhs-somerset-v2.scss b/sass/custom/nhs-somerset-v2.scss new file mode 100644 index 00000000..ca579de7 --- /dev/null +++ b/sass/custom/nhs-somerset-v2.scss @@ -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: #ffffff; +$custom-banner-border-colour: #F0F4F5; +$custom-text-colour: #ffffff; +$logo-image-height: 2em; + +.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; + } +}