ASCII text
1
%button-shared {
2
@include button(normal);
3
@include font(button);
4
min-height: $medium_size;
6
padding: 0 16px;
7
border-radius: 2px;
8
&:focus { @include button(focus); }
9
&:hover, &:checked { @include button(hover); }
10
&:active { @include button(active);}
11
&:insensitive { @include button(insensitive);}
12
}
13
%icon-button-shared {
14
@include button(normal);
15
min-height: $medium_size;
17
min-width: $medium_size;
18
padding: 6px;
19
border-radius: 2px;
20
&:focus { @include button(focus); }
21
&:hover, &:checked { @include button(hover); }
22
&:active { @include button(active);}
23
&:insensitive { @include button(insensitive);}
24
}
25
%slider-shared {
26
height: 20px;
27
color: $accent_color;
28
-slider-height: 2px;
29
-slider-background-color: $track_color; //background of the trough
30
-slider-border-color: transparent; //trough border color
31
-slider-active-background-color: $accent_color; //active trough fill
32
-slider-active-border-color: transparent; //active trough border
33
-slider-border-width: 0;
34
-slider-handle-radius: 7px;
35
}
36
%separator-shared {
37
-gradient-height: 1px;
38
-gradient-start: $border_color;
39
-gradient-end: $border_color;
40
-margin-horizontal: 4px;
41
height: 1.5em;
42
}
43
%dialog-entry-shared {
44
@include entry(normal,$fc:$track_color);
45
width: 320px;
47
padding: 4px 8px;
48
border-radius: 0;
49
color: $hint_fg_color;
50
caret-color: $hint_fg_color;
51
selection-background-color: $track_color;
52
selected-color: $fg_color;
53
&:focus {
54
@include entry(focus,$fc:$fg_color);
55
56
padding: 4px 8px;
57
border-width: 0;
58
color: $fg_color;
59
}
60
}
61
%desklet-shared {
62
color: $fg_color;
63
border: none;
64
padding: 12px;
65
box-shadow: $shadow_4;
66
}
67
%calendar-shared {
68
width: 16px;
69
height: 16px;
70
border-radius: 999px;
71
transition-duration: $shorter_duration;
72
&:active { background-color: $track_color;}
73
}
74
%menu-shared {
75
background-color: $alt_lighter_bg_color;
76
border: 1px solid $border_color;
77
border-radius: 2px;
78
color: $fg_color;
79
box-shadow: $shadow_6;
80
}
81
%menu-button-label-shared {
82
&:ltr {
83
padding-left: 4px;
84
}
85
&:rtl {
86
padding-right: 4px;
87
}
88
}
89
%dialogs-subject-shared {
90
font-weight: bold;
91
color: $fg_color;
92
padding-top: 10px;
93
padding-left: 17px;
94
padding-bottom: 6px;
95
}
96
%dialogs-subject-rtl-shared {
97
padding-left: 0;
98
padding-right: 17px;
99
}
100
%dialogs-description-shared {
101
color: $fg_color;
102
padding-left: 17px;
103
width: 28em;
104
}
105
%check-box-shared {
106
width: 24px;
107
height: 24px;
108
padding: ($medium_size - 24px) / 2;
109
border-radius: 100px;
110
background-image: url(assets/checkbox-off.svg);
111
}
112
%radiobutton-shared {
113
width: 20px;
114
height: 20px;
115
padding: ($medium_size - 20px) / 2;
116
border-radius: 100px;
117
background-image: url(assets/radiobutton-off.svg);
118
}
119
%tile-shared {
120
background-color: $alt_panel_bg_color;
121
border: 2px solid $border_color;
122
}
123
%tile-shared-snap {
124
background-color: $alt_panel_bg_color;
125
border: 2px solid $accent_color;
126
}
127
%osd-panel-shared {
128
color: $fg_color;
129
background-color: $alt_lighter_bg_color;
130
border: none;
131
border-radius: 2px;
132
padding: 12px;
133
box-shadow: $shadow_4;
134
}
135
%osd-info-workspace-shared {
136
@include font(title);
137
@extend %osd-panel-shared;
138
text-align: center;
140
padding: 8px 10px;
141
}
142