src/mobile/MobileInkOverlay.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
33
34
35
36
37
38
39

.mobileInkOverlay {
    border: 10px dashed red;
    background-color: rgba(0, 0, 0, .05);
}

.mobileInkOverlay-border {
    // background-color: rgba(0, 255, 0, .4);    
    position: absolute;
    pointer-events: auto;
    cursor: pointer;

    &.top {
        width: calc(100% + 20px);
        height: 10px;
        top: -10px;
        left: -10px;
    }

    &.left {
        width: 10px;
        height: calc(100% + 20px);
        top: -10px;
        left: -10px;
    }

    &.right {
        width: 10px;
        height: calc(100% + 20px);
        top: -10px;
        right: -10px;
    }

    &.bottom {
        width: calc(100% + 20px);
        height: 10px;
        bottom: -10px;
        left: -10px;
    }
}