_workspace-thumbnails.scss
ASCII text
1
/* Workspace pager */
2
3
// thumbnails in overview
4
.workspace-thumbnails {
5
@if $version >= 40 {
6
padding: 0;
7
spacing: 12px;
8
9
.workspace-thumbnail {
10
@extend %overview-panel;
11
border-radius: $corner-radius;
12
}
13
} @else {
14
@extend %overview-panel;
15
visible-width: 32px; // amount visible before hover
16
padding: 12px;
17
spacing: 12px;
18
border-right-width: 0;
19
border-radius: $corner-radius 0 0 $corner-radius;
20
21
&:rtl {
22
border-left-width: 0;
23
border-radius: 0 $corner-radius $corner-radius 0;
24
}
25
}
26
27
// drag and drop indicator
28
.placeholder {
29
background-image: url("assets/dash-placeholder.svg");
30
background-size: contain;
31
32
@if $version >= 40 {
33
width: 24px;
34
} @else {
35
height: 24px;
36
}
37
}
38
}
39
40
// selected indicator
41
.workspace-thumbnail-indicator {
42
border: 0 solid $on-dark;
43
border-radius: 0;
44
45
@if $version >= 40 {
46
padding: 6px;
47
border-bottom-width: 2px;
48
} @else {
49
padding: 6px 10px;
50
border-left-width: 2px;
51
}
52
}
53