ASCII text
1
/* Window Picker */
2
// Window picker
4
.window-picker {
5
// Space between window thumbnails
6
@if $version >= 3.38 {
7
spacing: 8px;
8
} @else {
9
-horizontal-spacing: 16px;
10
-vertical-spacing: 16px;
11
}
12
// Padding for container around window thumbnails
14
padding: 0 16px 32px;
15
&.external-monitor {
17
padding: 16px;
18
}
19
}
20
// Borders on window thumbnails
22
.window-clone-border {
23
border: 4px solid stroke($on-dark);
24
border-radius: $corner-radius;
25
// For window decorations with round corners we can't match
26
// the exact shape when the window is scaled. So apply a shadow
27
// to fix that case
28
box-shadow: inset 0 0 0 1px stroke($on-dark);
29
}
30
// Window titles
32
.window-caption {
33
spacing: 0;
34
padding: 4px 8px;
35
border: 0;
36
border-radius: $corner-radius;
37
background-color: $scrim;
38
color: $on-scrim;
39
font-size: 1em;
40
font-weight: normal;
41
}
42
// Close button
44
.window-close {
45
@if $version < 3.38 {
46
-shell-close-overlap: $medium-size / 2;
47
}
48
transition-duration: $duration;
50
height: $medium-size;
51
width: $medium-size;
52
padding: 0;
53
border: 0;
54
border-radius: $medium-size / 2;
55
box-shadow: $shadow-z2;
56
background-color: $error;
57
color: $on-error;
58
background-image: url("assets/window-close.svg");
60
background-size: 24px;
61
&:hover {
63
box-shadow: $shadow-z4;
64
border-color: transparent;
65
background-color: overlay("hover", $on-error, $on: $error);
66
color: $on-error;
67
@if $version < 3.32 {
69
background-image: url("assets/window-close.svg");
70
}
71
}
72
&:active {
74
transition-duration: $duration-ripple;
75
box-shadow: $shadow-z8;
76
border-color: transparent;
77
background-color: overlay("pressed", $on-error, $on: $error);
78
color: $on-error;
79
@if $version < 3.32 {
81
background-image: url("assets/window-close.svg");
82
}
83
}
84
StIcon {
86
icon-size: 24px;
87
color: transparent;
88
}
89
}
90