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