Sha256: 705c0270045e6b0ceb7f54b5e31e526c5e5ebbcde5e3d48678b1749268d8e3cb
Contents?: true
Size: 1.07 KB
Versions: 140
Compression:
Stored size: 1.07 KB
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: 4px 8px;
// Since New Transport sits slightly higher than other common fonts.
// We use intentionally uneven padding to make it balanced, this can be
// removed using the version of the font that has a more common vertical spacing.
padding-bottom: 1px;
// 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
140 entries across 140 versions & 2 rubygems