1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
@define-color card_border @card_shade_color;
inline-stack-switcher {
background: alpha(currentColor, .1);
border-radius: 9px;
padding: 3px;
}
inline-stack-switcher button {
border-radius: 6px;
padding: 2px 15px;
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-property: outline-color, outline-width, outline-offset, background, box-shadow;
}
inline-stack-switcher:not(.compact) button {
min-width: 100px;
}
inline-stack-switcher button:checked {
background: alpha(@card_bg_color, 2);
color: @card_fg_color;
box-shadow: 0 1px 3px 1px alpha(black, .07),
0 2px 6px 2px alpha(black, .03);
}
inline-stack-switcher separator {
margin: 3px 1px;
transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
inline-stack-switcher separator.hidden {
opacity: 0;
}
gridview#style-grid {
background: @window_bg_color;
}
gridview#style-grid child {
margin: 6px 6px 6px 6px;
}
gridview#style-grid child:selected {
background: @window_bg_color;
}
gridview#style-grid child:hover {
background: @window_bg_color;
}
gridview#style-grid child picture {
border-radius: 12px;
box-shadow: 0 0 0 1px @borders;
}
gridview#style-grid child:selected picture {
box-shadow: 0 0 0 3px @theme_selected_bg_color;
}
gridview#style-grid child:focus {
outline-style: none;
}
gridview#style-grid child:focus picture {
outline: 0 solid transparent;
outline-color: alpha(@theme_selected_bg_color, .5);
outline-width: 2px;
outline-offset: 2px;
transition: outline-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
gridview#style-grid child image#indicator {
opacity: 0;
}
gridview#style-grid child:selected image#indicator {
color: @theme_selected_bg_color;
opacity: 1;
}
|
