Version: 0.7.22.0.0-beta.32.0.0-beta.42.0.0-beta.52.0.0-beta.62.0.0-beta.72.0.0-beta.82.0.0-beta.92.0.0-beta.102.0.0-beta.112.0.0-beta.122.0.02.0.22.1.02.1.12.1.22.2.03.0.0-beta.33.0.0-beta.43.0.0-beta.53.0.0-beta.63.0.0-beta.73.0.0-beta.83.0.0-beta.93.0.0-beta.113.0.0-beta.133.0.0-beta.143.0.0-beta.153.0.0-beta.163.0.0-beta.173.0.0-beta.183.0.0-beta.193.0.0-beta.203.0.0-beta.213.0.0-beta.223.0.0-beta.233.0.0-beta.243.0.0-beta.253.0.03.1.03.2.03.2.24.0.04.0.14.0.24.0.34.1.14.1.34.1.54.1.64.2.04.3.04.4.04.5.04.5.14.6.04.6.24.6.3
.badge-unstyled {
color: $text-color;
}
.badge-brand {
@include badge-variant($orange);
.badge-extra {
@include badge-variant($secondary-blue);
.badge-block {
display: block;
text-align: left;
padding: .3rem;
.badge-remove {
display: inline-block; // https://github.com/twbs/bootstrap/issues/13219
vertical-align: middle;
a {
color: inherit;
cursor: pointer;
opacity: 0.5;
&:hover {
opacity: 0.9;
text-decoration: none;
.icon {
margin-left: 0;
&[disabled="disabled"] {
opacity: 0.65;
cursor: default;
.btn-primary .badge {
color: $brand-primary;
background-color: $white;