amotify 0.0.6 → 0.0.8

package/src/Functions/Input/Time/style.module.scss

@@ -0,0 +1,72 @@
+@use 'src/@styles/props' as *;
+.Header {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: $color-layer1;
+}
+.Body {
+  position: relative;
+  z-index: 1;
+}
+.Footer {
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+  background-color: $color-layer1;
+}
+.ClockBase {
+  $clockSize: $unit4;
+  .DesignSide {
+    .ClockUiBase {
+      .ClockUi {
+        width: $clockSize;
+        height: $clockSize;
+        .Needle {
+          transform-origin: bottom;
+          transition: .4s;
+          left: calc(50% - .5px);
+          border-radius: 2px;
+          box-shadow: 0 0 0 .5px $color-theme;
+          &.hour {
+            $s: calc($clockSize * .25);
+            top: $s;
+            height: calc(50% - $s );
+            z-index: 1;
+          }
+          &.minute {
+            $s: calc($clockSize * .15);
+            top: $s;
+            height: calc(50% - $s );
+            z-index: 2;
+          }
+        }
+      }
+    }
+  }
+}
+.DateBase {
+  .LeftButton:active {
+    right: $unit1_3 !important;
+  }
+  .RightButton:active {
+    left: $unit1_3 !important;
+  }
+}
+.MonthBase {
+  .LeftButton:active {
+    right: $unit1_3 !important;
+  }
+  .RightButton:active {
+    left: $unit1_3 !important;
+  }
+  .Cell.Checked {
+    color: #fff !important;
+    background-color: $color-theme;
+    box-shadow: $shadow2;
+  }
+}
+.miniYearInput {
+  width: 4em !important;
+  text-align: center;
+}