ASCII text
1
/* App Switcher */
2
.switcher-popup {
4
padding: 8px;
5
spacing: 16px;
6
}
7
// switcher onscreen panel
9
.switcher-list {
10
@extend %osd-panel;
11
.switcher-list-item-container {
13
spacing: 8px;
14
}
15
.item-box {
17
transition-duration: $duration;
18
padding: 8px;
19
border: 0;
20
border-radius: $corner-radius;
21
&:outlined {
23
padding: 8px;
24
border: 0;
25
box-shadow: none;
26
background-color: overlay("activated", $on-surface);
27
color: inherit;
28
}
29
&:selected {
31
background-color: $overlay-selected;
32
color: inherit;
33
}
34
}
35
// window thumbnails
37
.thumbnail-box {
38
padding: 2px;
39
spacing: 4px;
40
}
41
.thumbnail {
43
width: 256px;
44
}
45
.separator {
47
width: 1px;
48
background: divider($on-surface);
49
}
50
}
51
.switcher-arrow {
53
transition-duration: $duration;
54
border-color: transparent;
55
color: hint($on-surface);
56
&:highlighted {
58
color: $on-surface;
59
}
60
}
61
// Input Source Switcher
63
.input-source-switcher-symbol {
64
width: 96px;
65
height: 96px;
66
@include type(headline3);
67
}
68
// Window cycler highlight
70
.cycler-highlight {
71
border: 4px solid $primary;
72
}
73