Conversation Colors

2026-05-08 08:58:38 +01:00 · 2021-05-28 12:15:17 -04:00
parent b63d8e908c
commit 28f016ce48
128 changed files with 3997 additions and 1207 deletions
@@ -0,0 +1,52 @@
+.GradientDial {
+  &__container {
+    height: 100%;
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+  }
+
+  &__bar {
+    &--container {
+      height: 100%;
+      width: 100%;
+      overflow: hidden;
+      position: relative;
+      z-index: 1;
+    }
+
+    &--node {
+      background: $color-white;
+      border: 1px solid $color-black-alpha-20;
+      height: 100%;
+      height: 1000px;
+      left: 50%;
+      position: absolute;
+      top: 50%;
+      transform-origin: center;
+      width: 4px;
+      z-index: 1;
+    }
+  }
+
+  &__knob {
+    @include color-bubble(30px);
+    box-shadow: 0 0 4px $color-black-alpha-20;
+    cursor: move;
+    margin-left: -20px;
+    margin-top: -20px;
+    padding: 2px;
+    position: absolute;
+    z-index: 10;
+
+    &--selected {
+      border-color: $color-gray-75;
+
+      @include dark-theme {
+        border-color: $color-white;
+      }
+    }
+  }
+}