@kizmann/nano-ui 0.8.14 → 0.8.16

package/themes/light/datetimepicker/src/datetimepicker/datetimepicker.scss

@@ -0,0 +1,49 @@
+@import "../../../root/vars";
+
+.n-datetimepicker {
+    border: 1px solid $color-gray-15;
+}
+
+.n-datetimepicker.n-disabled {
+    background: rgba($color-gray-15, 0.3);
+}
+
+.n-datetimepicker__seperator {
+    color: $color-gray-60;
+}
+
+.n-datetimepicker__clear,
+.n-datetimepicker__angle {
+    color: $color-gray-60;
+}
+
+.n-datetimepicker__clear i {
+    background: rgba($color-gray-15, 0.6);
+}
+
+.n-datetimepicker__placeholder {
+    color: rgba($color-black, 0.5);
+}
+
+.n-datetimepicker__body,
+.n-datetimepicker__empty {
+     background: $color-white;
+     box-shadow: 0 1px 3px 1px rgba($color-shadow, 0.15);
+}
+
+.n-datetimepicker__empty {
+     color: $color-gray-60;
+}
+
+@each $color, $values in $colors {
+
+    $-color-base: map_get($values, 'base');
+    $-color-light: map_get($values, 'light');
+    $-color-dark: map_get($values, 'dark');
+
+     .n-datetimepicker--#{$color}:not(.n-disabled):hover,
+     .n-datetimepicker--#{$color}:not(.n-disabled).n-focus {
+        border-color: $-color-base;
+    }
+
+}

package/themes/light/index.scss

@@ -19,6 +19,7 @@
 @import "./cascader/index";
 @import "./datepicker/index";
 @import "./timepicker/index";
+@import "./datetimepicker/index";
 @import "./transfer/index";
 @import "./popover/index";
 @import "./modal/index";