ASCII text
1
// Rubberband for select-area screenshots
2
.select-area-rubberband {
3
border: 1px solid primary($on-dark);
4
background-color: rgba(primary($on-dark), .3);
5
}
6
// User icon
8
$user-icon: if($version >= 3.32, ".user-icon", ".framed-user-icon");
9
#{$user-icon} {
11
border: 0;
12
border-radius: $circular-radius;
13
background-size: contain;
14
color: inherit;
15
&:hover {
17
border-color: transparent;
18
color: inherit;
19
}
20
}
21
@if $version >= 3.36 {
23
.user-icon {
24
StIcon {
25
background-color: fill($on-surface);
26
border-radius: $circular-radius;
27
}
28
}
29
@each $class, $size in (".vertical", 128px), (".horizontal", 64px) {
31
.user-widget#{$class} .user-icon {
32
icon-size: $size;
33
StIcon {
35
width: $size / 2;
36
height: $size / 2;
37
padding: $size / 4;
38
}
39
}
40
}
41
}
42
// Lightbox
44
.lightbox {
45
background-color: black;
46
}
47
// Flashspot
49
.flashspot {
50
background-color: white;
51
}
52
// Hidden
54
.hidden {
55
color: transparent;
56
}
57
// Caps-lock warning
59
.caps-lock-warning-label {
60
text-align: center;
61
padding-bottom: 8px;
62
font-size: 1em;
63
color: $warning;
64
}
65