_osd.scss
ASCII text
1
/* OSD */
2
3
%osd-panel {
4
padding: 12px;
5
border: none;
6
border-radius: $corner-radius;
7
box-shadow: $shadow-z8;
8
background-color: $surface-z8;
9
color: $on-surface;
10
}
11
12
.osd-window {
13
@extend %osd-panel;
14
text-align: center;
15
font-weight: bold;
16
spacing: 12px;
17
margin: 32px;
18
min-width: 64px;
19
min-height: 64px;
20
21
StIcon {
22
icon-size: 96px;
23
}
24
25
.osd-monitor-label {
26
@include type(headline3);
27
}
28
29
@if $version >= 3.30 {
30
.level {
31
height: 8px;
32
-barlevel-height: 8px;
33
-barlevel-background-color: disabled-stroke($on-surface);
34
-barlevel-active-background-color: $primary;
35
-barlevel-overdrive-color: $error;
36
-barlevel-overdrive-separator-width: 2px;
37
}
38
} @else {
39
.level {
40
height: 8px;
41
border-radius: 0;
42
background-color: disabled-stroke($on-surface);
43
color: $on-surface;
44
}
45
46
.level-bar {
47
border-radius: 0;
48
background-color: $primary;
49
}
50
}
51
}
52
53
.resize-popup {
54
@extend %osd-panel;
55
}
56
57
/* Pad OSD */
58
59
.pad-osd-window {
60
padding: 32px;
61
background-color: $scrim;
62
63
.pad-osd-title-box {
64
spacing: 12px;
65
}
66
67
.pad-osd-title-menu-box {
68
spacing: 6px;
69
}
70
}
71
72
.combo-box-label {
73
width: 15em;
74
}
75