ASCII text
1
/* Dash to Dock */
2
#dashtodockContainer #dash {
4
background-color: $scrim;
5
}
6
#dashtodockContainer:overview #dash {
8
background-color: fill($on-dark);
9
}
10
#dashtodockContainer.extended:overview #dash {
12
background-color: transparent;
13
}
14
#dashtodockContainer.left #dash,
16
#dashtodockContainer.right #dash {
17
padding: 3px 0;
18
}
19
#dashtodockContainer.top #dash,
21
#dashtodockContainer.bottom #dash {
22
padding: 0 3px;
23
}
24
#dashtodockContainer.extended #dash {
26
padding: 0;
27
border-radius: 0;
28
}
29
#dashtodockContainer.left .dash-item-container > StWidget,
31
#dashtodockContainer.right .dash-item-container > StWidget,
32
#dashtodockContainer.extended.left .dash-item-container > StWidget,
33
#dashtodockContainer.extended.right .dash-item-container > StWidget {
34
padding: 3px 6px;
35
}
36
#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
38
#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
39
padding: 6px 6px 3px 6px;
40
}
41
#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
43
#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
44
padding: 3px 6px 6px 6px;
45
}
46
#dashtodockContainer.top .dash-item-container > StWidget,
48
#dashtodockContainer.bottom .dash-item-container > StWidget,
49
#dashtodockContainer.extended.top .dash-item-container > StWidget,
50
#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
51
padding: 6px 3px;
52
}
53
#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
55
#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
56
padding: 6px 3px 6px 6px;
57
}
58
#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
60
#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
61
padding: 6px 6px 6px 3px;
62
}
63
// Running and focused application style
65
#dashtodockContainer .focused .overview-icon {
67
background-color: overlay("activated", $on-dark);
68
}
69
// Remove background-color if the indicator style is default
71
#dashtodockContainer .default.focused .overview-icon {
72
background-color: transparent;
73
}
74
#dashtodockContainer .app-well-app-running-dot {
76
background-color: transparent;
77
}
78
#dashtodockContainer .default {
80
background-size: cover;
81
}
82
// Default running and focused application style
84
@each $side in "left", "right", "top", "bottom" {
85
@for $i from 1 through 4 {
86
@each $class, $suffix in ("": "", ".focused": "-focused") {
87
#dashtodockContainer.#{$side} .default.running#{$i}#{$class} {
88
background-image: url("assets/dash/#{$side}-running#{$i}#{$suffix}.svg");
89
}
90
}
91
}
92
}
93
/* Simple Dock */
96
#dash:desktop {
98
background-color: $scrim;
99
}
100
/* GPaste */
102
.popup-menu {
104
.search-entry {
105
color: $on-surface;
106
selection-background-color: $overlay-selected;
107
selected-color: $on-surface;
108
@include entry(normal);
109
&:hover {
111
@include entry(hover);
112
}
113
&:focus {
115
@include entry(focus);
116
color: $on-surface;
117
}
118
.search-entry-icon {
120
color: hint($on-surface);
121
}
122
&:hover,
124
&:focus {
125
.search-entry-icon {
126
color: $on-surface;
127
}
128
}
129
}
130
}
131