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
|
/**********
* button *
**********/
button {
padding: 4px 4px;
margin: 2px;
border-width: 2px;
border-style: solid;
border-color: @button_normal_color;
border-radius: 5px;
background-color: @button_normal_color;
color: @text_color;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 2.5px 4.5px @shadow;
}
button:focus {
color: @fg_color;
box-shadow: 0 2.5px 4.5px @shadow ,
inset 0 0 0 2px alpha(@selected_bg_color, 0.5);
}
button:active,
button.toggle:checked {
color: @fg_color;
background-color: shade(@selected_bg_color, 0.83);
border-color: shade(@selected_bg_color, 0.83);
/*box-shadow: 0 1px 1px @shadow ,
inset 0 0 0 2px alpha(@fg_color, 0.25);*/
box-shadow: 0 1px 1px @shadow;
}
button:hover {
box-shadow: 0 2.5px 4.5px @shadow ,
inset 0 0 0 2px @selected_bg_color;
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
color: @fg_color;
}
button:active:hover,
button.toggle:checked:hover {
box-shadow: 0 2.5px 4.5px @shadow ,
inset 0 0 0 2px alpha(@fg_color, 0.5);
transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
color: @fg_color;
}
button:disabled {
background-color: mix(@color8, @color0, 0.40);
background-image: none;
color: mix(@text_color, @color0, 0.40);
}
button:active:disabled {}
GtkLinkButton.button,
GtkLinkButton.button:focus,
GtkLinkButton.button:hover,
GtkLinkButton.button:active,
GtkLinkButton.button:focus:active,
GtkLinkButton.button:focus:hover {}
button.radio:checked {
color: @fg_color;
background-color: shade(@selected_bg_color, 0.83);
border-color: shade(@selected_bg_color, 0.83);
}
|
