A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 _switcher.scss

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