Sha256: 3f3075d836dbf7c103ee24d370c8239b8519f0c1b83f1bea61fa5e27160a8972
Contents?: true
Size: 847 Bytes
Versions: 14
Compression:
Stored size: 847 Bytes
Contents
@import "../../settings/all";
@import "../../tools/all";
@import "../../helpers/all";
@include govuk-exports("govuk/component/tag") {
.govuk-tag {
@include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
display: inline-block;
padding: govuk-spacing(1) 8px 0;
// When a user customises their colours often the background is removed,
// by adding a outline we ensure that the tag component still keeps it's meaning.
// https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
outline: 2px solid transparent;
outline-offset: -2px;
color: govuk-colour("white");
background-color: govuk-colour("blue");
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
}
.govuk-tag--inactive {
background-color: govuk-colour("grey-1");
}
}
Version data entries
14 entries across 14 versions & 1 rubygems