|
info@53
|
1 |
//
|
|
info@53
|
2 |
// Close icons
|
|
info@53
|
3 |
// --------------------------------------------------
|
|
info@53
|
4 |
|
|
info@53
|
5 |
|
|
info@53
|
6 |
.close {
|
|
info@53
|
7 |
float: right;
|
|
info@53
|
8 |
font-size: (@font-size-base * 1.5);
|
|
info@53
|
9 |
font-weight: @close-font-weight;
|
|
info@53
|
10 |
line-height: 1;
|
|
info@53
|
11 |
color: @close-color;
|
|
info@53
|
12 |
text-shadow: @close-text-shadow;
|
|
info@53
|
13 |
.opacity(.2);
|
|
info@53
|
14 |
|
|
info@53
|
15 |
&:hover,
|
|
info@53
|
16 |
&:focus {
|
|
info@53
|
17 |
color: @close-color;
|
|
info@53
|
18 |
text-decoration: none;
|
|
info@53
|
19 |
cursor: pointer;
|
|
info@53
|
20 |
.opacity(.5);
|
|
info@53
|
21 |
}
|
|
info@53
|
22 |
|
|
info@53
|
23 |
// Additional properties for button version
|
|
info@53
|
24 |
// iOS requires the button element instead of an anchor tag.
|
|
info@53
|
25 |
// If you want the anchor version, it requires `href="#"`.
|
|
info@53
|
26 |
button& {
|
|
info@53
|
27 |
padding: 0;
|
|
info@53
|
28 |
cursor: pointer;
|
|
info@53
|
29 |
background: transparent;
|
|
info@53
|
30 |
border: 0;
|
|
info@53
|
31 |
-webkit-appearance: none;
|
|
info@53
|
32 |
}
|
|
info@53
|
33 |
}
|