Sha256: 6d4e58c99e78cc8f42fba5fc408286023c142c9f8659df0590c2c94f56dfcfc3
Contents?: true
Size: 1.43 KB
Versions: 43
Compression:
Stored size: 1.43 KB
Contents
@import "colours/organisation";
// this uses the colours from govuk_frontend_toolkit
// https://github.com/alphagov/govuk_frontend_toolkit/blob/master/stylesheets/colours/_organisation.scss
@mixin organisation-brand-colour() {
@each $organisation in $all-organisation-brand-colours {
.brand--#{nth($organisation, 1)} {
.brand__color {
color: nth($organisation, 3);
&:hover,
&:focus {
color: darken( nth($organisation, 3), 10% );
}
}
// the & declaration allows border-color to also be applied to the parent
// element as required by the heading component, adds 2KB to the CSS
&.brand__border-color,
.brand__border-color {
border-color: nth($organisation, 2);
}
}
}
}
@include organisation-brand-colour;
// colours for the prime ministers office are not included in the toolkit
// so are written out here for our use
.brand--prime-ministers-office-10-downing-street {
.brand__color {
color: $fuschia;
&:hover,
&:focus {
color: darken( $fuschia, 10% );
}
}
&.brand__border-color,
.brand__border-color {
border-color: $black;
}
}
// in the toolkit, civil service has red for the text and borders
// but the required border colour is black, ideally would fix this in
// the toolkit but other things are using it
.brand--civil-service {
&.brand__border-color,
.brand__border-color {
border-color: $black;
}
}
Version data entries
43 entries across 43 versions & 1 rubygems