ASCII text
1
/* Screen Shield */
2
.screen-shield-arrows {
4
padding-bottom: 3em;
5
}
6
.screen-shield-arrows Gjs_Arrow {
8
color: white;
9
width: 80px;
10
height: 48px;
11
-arrow-thickness: 12px;
12
-arrow-shadow: $shadow-1;
13
}
14
.screen-shield-clock {
16
color: white;
17
text-shadow: $shadow-1;
18
font-weight: normal;
19
text-align: center;
20
padding-bottom: 1.5em;
21
}
22
.screen-shield-clock-time {
24
@include type(headline1);
25
text-shadow: $shadow-1;
26
font-feature-settings: "tnum";
27
}
28
.screen-shield-clock-date {
30
@include type(headline4);
31
}
32
.screen-shield-notifications-container {
34
spacing: 6px;
35
width: 30em;
36
max-height: 500px;
37
background-color: transparent;
38
.summary-notification-stack-scrollview {
40
padding-top: 0;
41
padding-bottom: 0;
42
}
43
.notification,
45
.screen-shield-notification-source {
46
padding: 8px;
47
border: 0;
48
border-radius: $corner-radius;
49
background-color: $scrim-alt;
50
color: on($scrim-alt);
51
}
52
// compensate for space allocated to the scrollbar
54
.notification {
55
margin-right: 16px;
56
}
57
}
58
.screen-shield-notification-label {
60
min-height: $small-size - 2px;
61
padding: 2px 0 0 16px;
62
font-weight: bold;
63
}
64
.screen-shield-notification-count-text {
66
min-height: $small-size - 2px;
67
padding: 2px 0 0 16px;
68
color: on($scrim-alt, text2);
69
}
70
// just the shadow, really
72
.screen-shield-background {
73
background: black;
74
box-shadow: $shadow-5;
75
}
76
#lockDialogGroup {
78
background: $os-background;
79
background-repeat: repeat;
80
color: on($os-background);
81
}
82
#screenShieldNotifications {
84
StScrollBar {
85
@extend %scrollbar-on-dark;
86
}
87
}
88