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: $info-light; 20 color: theme-color("info"); 21}