| Yoshie Muranaka | 532a4b0 | 2020-03-27 11:00:50 -0700 | [diff] [blame] | 1 | .badge-pill { |
| 2 | // Need to explicitly set border-radius |
| 3 | // for pill variant because global $enable-rounded |
| Dixsie Wolmers | 304095d | 2020-06-02 08:52:45 -0500 | [diff] [blame] | 4 | // Bootstrap setting removes rounded pill style |
| Yoshie Muranaka | 532a4b0 | 2020-03-27 11:00:50 -0700 | [diff] [blame] | 5 | border-radius: 10rem; |
| Yoshie Muranaka | 82cca54 | 2020-04-07 10:20:37 -0700 | [diff] [blame] | 6 | fill: currentColor; |
| 7 | font-weight: 400; |
| Dixsie Wolmers | 304095d | 2020-06-02 08:52:45 -0500 | [diff] [blame] | 8 | line-height: 1.5; |
| 9 | display: inline-flex; |
| Yoshie Muranaka | 82cca54 | 2020-04-07 10:20:37 -0700 | [diff] [blame] | 10 | .close { |
| 11 | font-size: 1em; |
| 12 | margin-left: $spacer/2; |
| 13 | font-weight: inherit; |
| 14 | color: inherit; |
| 15 | } |
| Yoshie Muranaka | 532a4b0 | 2020-03-27 11:00:50 -0700 | [diff] [blame] | 16 | } |
| 17 | |
| 18 | .badge-primary { |
| 19 | background-color: $info-light; |
| 20 | color: $info; |
| 21 | } |