diff options
author | Mark Otto <otto@github.com> | 2019-03-14 20:15:26 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-03-14 20:15:26 +0300 |
commit | c16532c7248c9606afb311bfc73680c185fdf625 (patch) | |
tree | 61af03381861330fe2704664980556782c6a3d5d /scss/_badge.scss | |
parent | 1add6341a76dbf11dd2b680f58d561eba9fb75f2 (diff) |
v5: Update badges (#28458)
- Drop hover and focus states
- Drop .badge-* variants and associated mixin for .bg-* utilities
- Drop .badge-pill for .rounded-pill utliity and adjust horizontal padding to find middle ground of .badge and old .badge-pill
- Remove unused variables
- Add default color value to .badge base class
- Update docs to reflect changes
Diffstat (limited to 'scss/_badge.scss')
-rw-r--r-- | scss/_badge.scss | 28 |
1 files changed, 1 insertions, 27 deletions
diff --git a/scss/_badge.scss b/scss/_badge.scss index 2082f058ec..baa80a75f3 100644 --- a/scss/_badge.scss +++ b/scss/_badge.scss @@ -9,17 +9,11 @@ @include font-size($badge-font-size); font-weight: $badge-font-weight; line-height: 1; + color: $badge-color; text-align: center; white-space: nowrap; vertical-align: baseline; @include border-radius($badge-border-radius); - @include transition($badge-transition); - - @at-root a#{&} { - @include hover-focus { - text-decoration: none; - } - } // Empty badges collapse automatically &:empty { @@ -32,23 +26,3 @@ position: relative; top: -1px; } - -// Pill badges -// -// Make them extra rounded with a modifier to replace v3's badges. - -.badge-pill { - padding-right: $badge-pill-padding-x; - padding-left: $badge-pill-padding-x; - @include border-radius($badge-pill-border-radius); -} - -// Colors -// -// Contextual variations (linked badges get darker on :hover). - -@each $color, $value in $theme-colors { - .badge-#{$color} { - @include badge-variant($value); - } -} |