Sha256: 33e5dbb64dab67407e3b62b3c28a828bbd12281d20d3ac93fdd3aa4a1f7acf8d
Contents?: true
Size: 1.86 KB
Versions: 22
Compression:
Stored size: 1.86 KB
Contents
@mixin organisation-brand-colour {
@each $organisation in map-keys($govuk-colours-organisations) {
.brand--#{$organisation} {
// 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: govuk-organisation-colour($organisation, $contrast-safe: false);
}
}
}
}
@include organisation-brand-colour;
// in the past we used the-office-of-the-leader-of-the-house-of-commons before
// the "the" prefix was dropped, this is maintained here for backwards
// compatibility
.brand--the-office-of-the-leader-of-the-house-of-commons {
&.brand__border-color,
.brand__border-color {
border-color: govuk-organisation-colour("office-of-the-leader-of-the-house-of-commons", $contrast-safe: false);
}
}
// 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: govuk-colour("black");
&:link,
&:visited,
&:active {
color: govuk-colour("black");
}
&:hover,
&:focus {
color: $govuk-focus-text-colour;
}
}
&.brand__border-color,
.brand__border-color {
border-color: govuk-colour("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: govuk-colour("black");
}
}
.brand--department-for-science-innovation-and-technology {
&.brand__border-color,
.brand__border-color {
border-color: govuk-organisation-colour("department-for-science-innovation-technology", $contrast-safe: false);
}
}
Version data entries
22 entries across 22 versions & 1 rubygems