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
@mixin user-icon-size($size) {
23
icon-size: $size;
24
StIcon {
26
width: $size / 2;
27
height: $size / 2;
28
padding: $size / 4;
29
}
30
}
31
@if $version >= 3.36 {
33
.user-icon {
34
StIcon {
35
background-color: fill($on-surface);
36
border-radius: $circular-radius;
37
}
38
@if $version >= 40 {
40
@include user-icon-size(64px);
41
}
42
}
43
.user-widget.vertical .user-icon {
45
@include user-icon-size(128px);
46
}
47
@if $version < 40 {
49
.user-widget.horizontal .user-icon {
50
@include user-icon-size(64px);
51
}
52
}
53
}
54
// Lightbox
56
.lightbox {
57
background-color: black;
58
}
59
// Flashspot
61
.flashspot {
62
background-color: white;
63
}
64
// Hidden
66
.hidden {
67
color: transparent;
68
}
69
// Caps-lock warning
71
.caps-lock-warning-label {
72
text-align: center;
73
padding-bottom: 8px;
74
font-size: 1em;
75
color: $warning;
76
}
77