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

 _dash.scss

View raw Download
text/plain • 996 B
ASCII text
        
            
1
/* Dash */
2
3
$dash-spacing: 6px;
4
5
#dash {
6
@extend %overview-panel;
7
font-size: 1em;
8
padding: ($dash-spacing / 2) 0;
9
border-left-width: 0;
10
border-radius: 0 $corner-radius $corner-radius 0;
11
12
&:rtl {
13
border-right-width: 0;
14
border-radius: $corner-radius 0 0 $corner-radius;
15
}
16
17
.placeholder {
18
height: 24px;
19
background-image: url("assets/dash-placeholder.svg");
20
background-size: contain;
21
}
22
23
.empty-dash-drop-target {
24
width: 24px;
25
height: 24px;
26
}
27
}
28
29
// Dash Items
30
.dash-item-container > StWidget {
31
padding: ($dash-spacing / 2) $dash-spacing;
32
}
33
34
// OSD Tooltip
35
.dash-label {
36
// min-height: 32px - 6px * 2;
37
padding: 7px 8px;
38
border: 0;
39
border-radius: $corner-radius;
40
box-shadow: $shadow-2;
41
background-color: $surface-z8;
42
color: $on-surface;
43
text-align: center;
44
-x-offset: 8px; // distance from the dash edge
45
}
46
47
// Show apps button
48
.show-apps {
49
@extend %overview-icon;
50
color: hint($on-dark);
51
52
&:checked {
53
color: $on-dark;
54
}
55
}
56