1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
.artboard {
transition: all 240ms ease;
background-color: shade (@bg_color, 1);
}
.artboard-name {
transition: box-shadow 160ms ease;
font-weight: bold;
padding: 6px 10px;
text-shadow: 0 1px 0 @bg_color;
}
.artboard .artboard-handle {
border-bottom: 1px solid shade (@bg_color, 0.8);
}
.artboard.hover > grid > grid > .layer-action {
opacity: 0.5;
}
.artboard:hover,
.artboard:selected:hover {
background-color: shade (@bg_color, 1);
color: @fg_color;
}
.artboard:selected {
box-shadow: inset 4px 0 0 @primary;
}
.artboard:selected,
.artboard:selected .revealer-button image,
.artboard:selected .layer-action image,
.artboard:selected .artboard-container image {
color: @fg_color;
}
/* Hovered */
.artboard.hovered:not(:selected) .artboard-handle {
box-shadow: inset 0 0 0 2px @highlight;
}
.artboard-container {
background-color: @bg_color;
}
.layer:last-child {
border-bottom: 1px solid shade (@bg_color, 0.8);
}
|
