src/client/views/InkingCanvas.scss


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

.inking-canvas {
    position: fixed;
    top: -50000px;
    left: -50000px; // z-index: 99; //overlays ink on top of everything
    svg {
        width: 100000px;
        height: 100000px;
        .highlight {
            mix-blend-mode: multiply;
        }
    }
}

.inking-control {
    position: absolute;
    right: 0;
    bottom: 75px;
    text-align: right;
    .ink-panel {
        margin-top: 12px;
        &:first {
            margin-top: 0;
        }
    }
    .ink-size {
        display: flex;
        justify-content: space-between;
        input {
            width: 85%;
        }
    }
}