ASCII text
1
/* Screen Shield */
2
@if $version >= 3.36 {
4
.unlock-dialog-clock {
5
padding-bottom: 2.5em;
6
spacing: 24px;
7
color: $on-dark;
8
font-weight: normal;
9
text-align: center;
10
}
11
.unlock-dialog-clock-time {
13
padding-top: 42px;
14
@include type(headline1);
15
font-feature-settings: "tnum";
16
}
17
.unlock-dialog-clock-date {
19
@include type(headline4);
20
}
21
.unlock-dialog-clock-hint {
23
padding-top: 48px;
24
color: hint($on-dark);
25
font-weight: normal;
26
}
27
.unlock-dialog-notifications-container {
29
width: 23em;
30
margin: 12px 0;
31
spacing: 6px;
32
background-color: transparent;
33
.summary-notification-stack-scrollview {
35
padding-top: 0;
36
padding-bottom: 0;
37
}
38
.notification,
40
.unlock-dialog-notification-source {
41
padding: 8px;
42
border: 0;
43
border-radius: $corner-radius;
44
background-color: entry-fill($on-dark);
45
color: $on-dark;
46
&.critical {
48
background-color: entry-fill($on-dark);
49
color: error($on-dark);
50
}
51
}
52
}
53
.unlock-dialog-notification-label {
55
padding: 0 0 0 12px;
56
}
57
.unlock-dialog-notification-count-text {
59
// min-height: $small-size;
60
margin-right: 12px;
61
padding: 2px 8px;
62
border-radius: 99px;
63
background-color: fill($on-dark);
64
color: $on-dark;
65
// font-weight: bold;
66
}
67
#lockDialogGroup {
69
background-color: $os-background;
70
color: $on-os-background;
71
}
72
#unlockDialogNotifications {
74
StScrollBar {
75
@extend %scrollbar-on-dark;
76
}
77
}
78
} @else {
79
.screen-shield-arrows {
80
padding-bottom: 3em;
81
}
82
.screen-shield-arrows Gjs_Arrow {
84
width: 80px;
85
height: 48px;
86
color: $on-dark;
87
-arrow-thickness: 12px;
88
-arrow-shadow: $shadow-z2;
89
}
90
.screen-shield-clock {
92
padding-bottom: 1.5em;
93
color: $on-dark;
94
text-shadow: $shadow-z2;
95
font-weight: normal;
96
text-align: center;
97
}
98
.screen-shield-clock-time {
100
@include type(headline1);
101
text-shadow: $shadow-z2;
102
font-feature-settings: "tnum";
103
}
104
.screen-shield-clock-date {
106
@include type(headline4);
107
}
108
.screen-shield-notifications-container {
110
spacing: 6px;
111
width: 30em;
112
max-height: 500px;
113
background-color: transparent;
114
.summary-notification-stack-scrollview {
116
padding-top: 0;
117
padding-bottom: 0;
118
}
119
.notification,
121
.screen-shield-notification-source {
122
padding: 8px;
123
border: 0;
124
border-radius: $corner-radius;
125
background-color: $scrim-alt;
126
color: $on-scrim-alt;
127
}
128
// compensate for space allocated to the scrollbar
130
.notification {
131
margin-right: 16px;
132
}
133
}
134
.screen-shield-notification-label {
136
min-height: $small-size - 2px;
137
padding: 2px 0 0 16px;
138
font-weight: bold;
139
}
140
.screen-shield-notification-count-text {
142
min-height: $small-size - 2px;
143
padding: 2px 0 0 16px;
144
color: hint($on-scrim-alt);
145
}
146
#lockDialogGroup {
148
background-color: $os-background;
149
background-repeat: repeat;
150
color: $on-os-background;
151
}
152
#screenShieldNotifications {
154
StScrollBar {
155
@extend %scrollbar-on-dark;
156
}
157
}
158
}
159
// just the shadow, really
161
.screen-shield-background {
162
background: black;
163
box-shadow: $shadow-z16;
164
}
165