diff options
| author | Stanley Yip <stanley_yip@brown.edu> | 2020-02-12 21:54:58 -0500 |
|---|---|---|
| committer | Stanley Yip <stanley_yip@brown.edu> | 2020-02-12 21:54:58 -0500 |
| commit | a8b19e82d8c9a8350609e64e60848dbfbbbb6dcd (patch) | |
| tree | 35d1e015a4b6f4913f162faec50c79c36e402350 /src/mobile/MobileInkOverlay.scss | |
| parent | 33d5a12af14e1ed50e5c3164b363fbbc253506a0 (diff) | |
| parent | 864cba561db8e26240b093da7ab524e76c8823d1 (diff) | |
merge
Diffstat (limited to 'src/mobile/MobileInkOverlay.scss')
| -rw-r--r-- | src/mobile/MobileInkOverlay.scss | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/mobile/MobileInkOverlay.scss b/src/mobile/MobileInkOverlay.scss new file mode 100644 index 000000000..b9c1fb146 --- /dev/null +++ b/src/mobile/MobileInkOverlay.scss @@ -0,0 +1,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; + } +}
\ No newline at end of file |