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
&.user-avatar {
43
border: 0;
44
}
45
}
46
}
47
.user-widget.vertical .user-icon {
49
@include user-icon-size(128px);
50
}
51
@if $version < 40 {
53
.user-widget.horizontal .user-icon {
54
@include user-icon-size(64px);
55
}
56
}
57
}
58
// Lightbox
60
.lightbox {
61
background-color: black;
62
}
63
// Flashspot
65
.flashspot {
66
background-color: white;
67
}
68
// Hidden
70
.hidden {
71
color: transparent;
72
}
73
// Caps-lock warning
75
.caps-lock-warning-label {
76
text-align: center;
77
padding-bottom: 8px;
78
font-size: 1em;
79
color: $warning;
80
}
81
@if $version >= 40 {
83
/* Workspace animation */
84
.workspace-animation {
86
background-color: $system;
87
}
88
}
89