aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/InkingCanvas.scss
diff options
context:
space:
mode:
authortschicke-brown <tyler_schicke@brown.edu>2019-03-08 04:58:58 +0000
committerGitHub <noreply@github.com>2019-03-08 04:58:58 +0000
commit5a1da11a5767899aac2f1bfac6d33e0ee5d47c9e (patch)
tree303cc06880b6c5e0cc644f559c9548f95790423e /src/client/views/InkingCanvas.scss
parent9940924f361f1b9d65d7cc0ad1e4f6f1f4d5d318 (diff)
parent889407852167dece0160127817e390336697e3a6 (diff)
Merge pull request #45 from browngraphicslab/inking
Inking
Diffstat (limited to 'src/client/views/InkingCanvas.scss')
-rw-r--r--src/client/views/InkingCanvas.scss32
1 files changed, 32 insertions, 0 deletions
diff --git a/src/client/views/InkingCanvas.scss b/src/client/views/InkingCanvas.scss
new file mode 100644
index 000000000..f654b194b
--- /dev/null
+++ b/src/client/views/InkingCanvas.scss
@@ -0,0 +1,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%;
+ }
+ }
+} \ No newline at end of file