style.css
ASCII text
1
@import "/static/efficient-ui/MASTER.css";
2
3
:root {
4
--gap-navbar: 1rem;
5
--width-navbar-button: 0;
6
}
7
8
iconify-icon {
9
display: inline-block;
10
width: 1em;
11
height: 1em;
12
}
13
14
:is(#shape-selector, #shape-options) > button > iconify-icon {
15
font-size: 2rem;
16
}
17
18
#annotation-zone {
19
position: relative;
20
}
21
22
#annotation-zone > svg {
23
z-index: 1;
24
position: absolute;
25
top: 0;
26
left: 0;
27
width: 100%;
28
height: 100%;
29
}
30
31
.annotation-ruler {
32
z-index: 2;
33
position: absolute;
34
top: 0;
35
left: 0;
36
background: var(--color-accent);
37
display: none;
38
}
39
40
#annotation-ruler-horizontal, #annotation-ruler-horizontal-secondary {
41
height: 1px;
42
width: 100%;
43
}
44
45
#annotation-ruler-vertical, #annotation-ruler-vertical-secondary {
46
width: 1px;
47
height: 100%;
48
}
49
50
.shape {
51
stroke: var(--color-accent);
52
fill: var(--color-accent);
53
fill-opacity: 0.1;
54
stroke-width: 2px;
55
vector-effect: non-scaling-stroke;
56
pointer-events: auto;
57
}
58
59
.shape.selected {
60
fill-opacity: 0.2;
61
}
62
63
.shape-container {
64
pointer-events: none;
65
}
66