1
|
// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
|
2
|
|
3
|
//
|
4
|
// Component: Close
|
5
|
//
|
6
|
// ========================================================================
|
7
|
|
8
|
@close-alt-background: @global-background;
|
9
|
|
10
|
//
|
11
|
// New
|
12
|
//
|
13
|
|
14
|
@close-font-family: 'Chester';
|
15
|
@close-icon: "\e900";
|
16
|
@close-line-height: 24px;
|
17
|
@close-alt-line-height: @close-size;
|
18
|
@close-opacity: 1;
|
19
|
@close-hover-opacity: 0.7;
|
20
|
|
21
|
|
22
|
// Component
|
23
|
// ========================================================================
|
24
|
|
25
|
.hook-close() {
|
26
|
|
27
|
line-height: @close-line-height;
|
28
|
opacity: @close-opacity;
|
29
|
|
30
|
&:after {
|
31
|
content: @close-icon !important;
|
32
|
font-family: @close-font-family !important;
|
33
|
font-size: 14px;
|
34
|
}
|
35
|
|
36
|
&:not(.uk-close-alt):hover,
|
37
|
&:not(.uk-close-alt):focus { opacity: @close-hover-opacity !important; }
|
38
|
|
39
|
}
|
40
|
|
41
|
|
42
|
// Modifier: `uk-close-alt`
|
43
|
// ========================================================================
|
44
|
|
45
|
.hook-close-alt() {
|
46
|
|
47
|
line-height: @close-alt-line-height;
|
48
|
|
49
|
&:after { opacity: @close-opacity !important; }
|
50
|
|
51
|
&:hover:after,
|
52
|
&:focus:after { opacity: @close-hover-opacity !important; }
|
53
|
|
54
|
}
|
55
|
|
56
|
|
57
|
// Miscellaneous
|
58
|
// ========================================================================
|
59
|
|
60
|
.hook-close-misc() {}
|