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