1.badge-pill {
2  // Need to explicitly set border-radius
3  // for pill variant because global $enable-rounded
4  // Bootstrap setting removes rounded pill style
5  border-radius: 10rem;
6  fill: currentColor;
7  font-weight: 400;
8  line-height: 1.5;
9  display: inline-flex;
10  .close {
11    font-size: 1em;
12    margin-left: $spacer/2;
13    font-weight: inherit;
14    color: inherit;
15  }
16}
17
18.badge-primary {
19  background-color: theme-color-light("info");
20  color: theme-color("info");
21}