-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ZD-5995522 Custom branding for NHS Somerset
With this change, we are adding a new version of the logo for NHS Somerset as provided by the service admins. Further information in Zendesk. https://govuk.zendesk.com/agent/tickets/5995522
- Loading branch information
1 parent
4d61127
commit d49b1e8
Showing
2 changed files
with
63 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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; | ||
} | ||
} |