Add Zen mode for distraction free drawing (#1450)

2020-04-25 15:13:02 +02:00
parent 71e7f130bc
commit 1866074c07
16 changed files with 222 additions and 39 deletions
@@ -0,0 +1,14 @@
+.Island {
+  --padding: 0;
+  background-color: var(--bg-color-island);
+  backdrop-filter: saturate(100%) blur(10px);
+  box-shadow: var(--shadow-island);
+  border-radius: var(--border-radius-m);
+  padding: calc(var(--padding) * var(--space-factor));
+  position: relative;
+  transition: box-shadow 0.5s ease-in-out;
+
+  &.zen-mode {
+    box-shadow: none;
+  }
+}