UNPKG

763 BSCSSView Raw
1.badge-unstyled {
2 color: $text-color;
3}
4
5.badge-brand {
6 @include badge-variant($orange);
7}
8
9.badge-extra {
10 @include badge-variant($secondary-blue);
11}
12
13.badge-block {
14 display: block;
15 text-align: left;
16 padding: .3rem;
17}
18
19.badge-remove {
20
21 display: inline-block; // https://github.com/twbs/bootstrap/issues/13219
22 vertical-align: middle;
23
24 a {
25 color: inherit;
26 cursor: pointer;
27 opacity: 0.5;
28
29 &:hover {
30 opacity: 0.9;
31 text-decoration: none;
32 }
33 }
34
35 .icon {
36 text-align: left;
37 margin-left: 0;
38 }
39
40 &[disabled="disabled"] {
41 opacity: 0.65;
42
43 a {
44 &:hover {
45 opacity: 0.5;
46 cursor: default;
47 }
48 }
49 }
50}
51
52.btn-primary .badge {
53 color: $brand-primary;
54 background-color: $white;
55}