0
|
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 @include hover-focus {
|
|
11 color: $close-color;
|
|
12 text-decoration: none;
|
|
13 opacity: .75;
|
|
14 }
|
|
15 }
|
|
16
|
|
17 // Additional properties for button version
|
|
18 // iOS requires the button element instead of an anchor tag.
|
|
19 // If you want the anchor version, it requires `href="#"`.
|
|
20 // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
|
21
|
|
22 // scss-lint:disable QualifyingElement
|
|
23 button.close {
|
|
24 padding: 0;
|
|
25 background: transparent;
|
|
26 border: 0;
|
|
27 -webkit-appearance: none;
|
|
28 }
|
|
29 // scss-lint:enable QualifyingElement
|