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

 _extensions.scss

View raw Download
text/plain • 2.98 kiB
ASCII text
        
            
1
/* Dash to Dock */
2
3
#dashtodockContainer #dash {
4
background-color: $bg_color;
5
}
6
7
#dashtodockContainer:overview #dash {
8
background-color: $overview_bg_color;
9
}
10
11
#dashtodockContainer.extended:overview #dash {
12
background-color: transparent;
13
}
14
15
#dashtodockContainer.left #dash,
16
#dashtodockContainer.right #dash {
17
padding: 3px 0;
18
}
19
20
#dashtodockContainer.top #dash,
21
#dashtodockContainer.bottom #dash {
22
padding: 0 3px;
23
}
24
25
#dashtodockContainer.extended #dash {
26
padding: 0;
27
border-radius: 0;
28
}
29
30
#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
37
#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
42
#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
47
#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
54
#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
59
#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
64
#dashtodockContainer .app-well-app-running-dot {
65
background-color: transparent;
66
}
67
68
#dashtodockContainer .dash-item-container > StWidget {
69
background-size: cover;
70
}
71
72
@each $p,$pt in ('.left', 'left'),
73
('.right', 'right'),
74
('.top', 'top'),
75
('.bottom', 'bottom') {
76
@each $n,$nb in ('.running1','running1'),
77
('.running2','running2'),
78
('.running3','running3'),
79
('.running4','running4') {
80
@each $f,$fc in ('',''),
81
('.focused','-focused') {
82
#dashtodockContainer#{$p} .dash-item-container > StWidget#{$n}#{$f} {
83
background-image: url("assets/#{$pt}-#{$nb}#{$fc}.svg");
84
}
85
}
86
}
87
}
88
89
90
/* Simple Dock */
91
92
#dash:desktop {
93
background-color: $bg_color;
94
}
95
96
97
/* GPaste */
98
99
.popup-menu {
100
.search-entry {
101
color: $fg_color;
102
selection-background-color: $selected_bg_color;
103
selected-color: $selected_fg_color;
104
@include entry(normal);
105
&:focus {
106
@include entry(focus);
107
color: $fg_color;
108
}
109
110
.search-entry-icon { color: $tertiary_fg_color; }
111
112
&:hover, &:focus {
113
.search-entry-icon { color: $fg_color; }
114
}
115
}
116
}
117
118