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