From 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Mon, 13 Apr 2020 19:13:39 +0800 Subject: Initial commit --- assets/sass/@primer/css/labels/counters.scss | 30 ++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 assets/sass/@primer/css/labels/counters.scss (limited to 'assets/sass/@primer/css/labels/counters.scss') 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; +} -- cgit v1.2.3