1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 | .btn-close {
|
7 | box-sizing: content-box;
|
8 | width: $btn-close-width;
|
9 | height: $btn-close-height;
|
10 | padding: $btn-close-padding-y $btn-close-padding-x;
|
11 | color: $btn-close-color;
|
12 | background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat;
|
13 | border: 0;
|
14 | @include border-radius();
|
15 | opacity: $btn-close-opacity;
|
16 |
|
17 |
|
18 | &:hover {
|
19 | color: $btn-close-color;
|
20 | text-decoration: none;
|
21 | opacity: $btn-close-hover-opacity;
|
22 | }
|
23 |
|
24 | &:focus {
|
25 | outline: 0;
|
26 | box-shadow: $btn-close-focus-shadow;
|
27 | opacity: $btn-close-focus-opacity;
|
28 | }
|
29 |
|
30 | &:disabled,
|
31 | &.disabled {
|
32 | pointer-events: none;
|
33 | user-select: none;
|
34 | opacity: $btn-close-disabled-opacity;
|
35 | }
|
36 | }
|
37 |
|
38 | .btn-close-white {
|
39 | filter: $btn-close-white-filter;
|
40 | }
|