1 | .close {
|
2 | float: right;
|
3 | font-size: $close-font-size;
|
4 | font-weight: $close-font-weight;
|
5 | line-height: 1;
|
6 | color: $close-color;
|
7 | text-shadow: $close-text-shadow;
|
8 | opacity: .5;
|
9 |
|
10 | &:not(:disabled):not(.disabled) {
|
11 |
|
12 | @include hover-focus {
|
13 | color: $close-color;
|
14 | text-decoration: none;
|
15 | opacity: .75;
|
16 | }
|
17 |
|
18 | // Opinionated: add "hand" cursor to non-disabled .close elements
|
19 | cursor: pointer;
|
20 | }
|
21 | }
|
22 |
|
23 | // Additional properties for button version
|
24 | // iOS requires the button element instead of an anchor tag.
|
25 | // If you want the anchor version, it requires `href="#"`.
|
26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
27 |
|
28 | // stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
|
29 | button.close {
|
30 | padding: 0;
|
31 | background-color: transparent;
|
32 | border: 0;
|
33 | -webkit-appearance: none;
|
34 | }
|
35 | // stylelint-enable
|