Line | |
---|
1 | // Transparent background and border properties included for button version.
|
---|
2 | // iOS requires the button element instead of an anchor tag.
|
---|
3 | // If you want the anchor version, it requires `href="#"`.
|
---|
4 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
---|
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; // include transparent for button elements
|
---|
13 | border: 0; // for button elements
|
---|
14 | @include border-radius();
|
---|
15 | opacity: $btn-close-opacity;
|
---|
16 |
|
---|
17 | // Override <a>'s hover style
|
---|
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 | }
|
---|
Note:
See
TracBrowser
for help on using the repository browser.