Sha256: 67c357691ff8b2cc1281647e9e4cc7b517bd9621bd26c8dda62dc243e61d3f9d
Contents?: true
Size: 1.37 KB
Versions: 93
Compression:
Stored size: 1.37 KB
Contents
@import "../../settings/all";
@import "../../tools/all";
@import "../../helpers/all";
@include govuk-exports("govuk/component/tag") {
.govuk-tag {
display: inline-block;
// 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;
@if $govuk-use-legacy-font {
// 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.
@include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
padding-top: 4px;
padding-right: 8px;
padding-bottom: 1px;
padding-left: 8px;
} @else {
@include govuk-font($size: 16, $weight: bold, $line-height: 1);
padding-top: 5px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
}
}
.govuk-tag--inactive {
background-color: govuk-colour("dark-grey", $legacy: "grey-1");
}
}
Version data entries
93 entries across 93 versions & 3 rubygems