_overview.scss
ASCII text
1
/* OVERVIEW */
2
3
@if $version >= 40 {
4
.controls-manager,
5
.secondary-monitor-workspaces {
6
spacing: 16px;
7
}
8
9
#overviewGroup {
10
background-color: $system;
11
color: $on-system;
12
13
StScrollBar {
14
@extend %scrollbar-on-dark;
15
}
16
}
17
} @else {
18
#overview {
19
spacing: 24px;
20
background-color: transparent;
21
color: $on-dark;
22
23
StScrollBar {
24
@extend %scrollbar-on-dark;
25
}
26
}
27
28
.overview-controls {
29
padding-bottom: 32px;
30
}
31
}
32
33
%overview-panel {
34
transition-duration: $duration-panel;
35
border: 0;
36
background-color: fill($on-dark);
37
color: $on-dark;
38
}
39
40
%overview-status-text {
41
@include type(headline3);
42
color: disabled($on-dark);
43
}
44
45
%overview-item {
46
@extend %-overview-item;
47
48
&:focus {
49
@extend %-overview-item-focus;
50
}
51
52
&:hover,
53
&:selected {
54
@extend %-overview-item-hover;
55
}
56
57
&:active,
58
&:checked {
59
@extend %-overview-item-active;
60
}
61
}
62
63
%overview-icon {
64
.overview-icon {
65
@extend %-overview-item;
66
}
67
68
&:focus {
69
.overview-icon {
70
@extend %-overview-item-focus;
71
}
72
}
73
74
&:drop,
75
&:hover,
76
&:selected {
77
.overview-icon {
78
@extend %-overview-item-hover;
79
}
80
}
81
82
&:active,
83
&:checked {
84
.overview-icon {
85
@extend %-overview-item-active;
86
}
87
}
88
}
89
90
%-overview-item {
91
padding: 6px;
92
border: 0;
93
border-radius: $corner-radius;
94
background-color: transparent;
95
color: inherit;
96
text-align: center;
97
transition-duration: $duration;
98
}
99
100
%-overview-item-focus {
101
border-image: none;
102
background-image: none;
103
background-color: overlay("focus", $on-dark);
104
color: inherit;
105
transition-duration: 0ms;
106
}
107
108
%-overview-item-hover {
109
border: 0;
110
border-image: none;
111
background-image: none;
112
background-color: overlay("hover", $on-dark);
113
color: inherit;
114
transition-duration: 0ms;
115
}
116
117
%-overview-item-active {
118
box-shadow: none;
119
background-color: overlay("pressed", $on-dark);
120
color: inherit;
121
transition-duration: $duration-ripple;
122
}
123