diff options
Diffstat (limited to 'assets/sass/@primer/css/labels/counters.scss')
-rw-r--r-- | assets/sass/@primer/css/labels/counters.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/labels/counters.scss b/assets/sass/@primer/css/labels/counters.scss new file mode 100644 index 0000000..cb543b2 --- /dev/null +++ b/assets/sass/@primer/css/labels/counters.scss @@ -0,0 +1,30 @@ +// Counters are rounded-corner badges for numbers +.Counter { + display: inline-block; + // stylelint-disable-next-line primer/spacing + padding: 2px 5px; + font-size: $font-size-small; + font-weight: $font-weight-bold; + line-height: $lh-condensed-ultra; + color: $text-gray; + // stylelint-disable-next-line primer/colors + background-color: rgba($black, 0.08); + // stylelint-disable-next-line primer/borders + border-radius: 20px; + + &:empty { + visibility: hidden; + } +} + +.Counter--gray-light { + color: $text-gray-dark; + // stylelint-disable-next-line primer/colors + background-color: $black-fade-15; +} + +.Counter--gray { + color: $text-white; + // stylelint-disable-next-line primer/colors + background-color: $gray; +} |