src/assets/styles/vendor-overrides/bootstrap/_badge.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

.badge-pill {
  // Need to explicitly set border-radius
  // for pill variant because global $enable-rounded
  // Boostrap setting removes rounded pill style
  border-radius: 10rem;
  fill: currentColor;
  font-weight: 400;
  .close {
    font-size: 1em;
    margin-left: $spacer/2;
    font-weight: inherit;
    color: inherit;
  }
}

.badge-primary {
  background-color: $info-light;
  color: $info;
}