zartui 0.1.21 → 0.1.25

package/lib/stepper/index.less

@@ -1,130 +1,130 @@
-@import '../style/var';
-
-.zt-stepper {
-  font-size: 0;
-  user-select: none;
-
-  &__minus,
-  &__plus {
-    position: relative;
-    box-sizing: border-box;
-    width: @stepper-input-height;
-    height: @stepper-input-height;
-    margin: 0;
-    padding: 0;
-    color: @stepper-button-icon-color;
-    vertical-align: middle;
-    background-color: @stepper-background-color;
-    border: 0;
-    cursor: pointer;
-
-    &::before {
-      width: 50%;
-      height: 1px;
-    }
-
-    &::after {
-      width: 1px;
-      height: 50%;
-    }
-
-    &::before,
-    &::after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      background-color: currentColor;
-      transform: translate(-50%, -50%);
-      content: '';
-    }
-
-    &:active {
-      background-color: @stepper-active-color;
-    }
-
-    &--disabled {
-      color: @stepper-button-disabled-icon-color;
-      background-color: @stepper-button-disabled-color;
-      cursor: not-allowed;
-
-      &:active {
-        background-color: @stepper-button-disabled-color;
-      }
-    }
-  }
-
-  &__minus {
-    border-radius: @stepper-border-radius 0 0 @stepper-border-radius;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  &__plus {
-    border-radius: 0 @stepper-border-radius @stepper-border-radius 0;
-  }
-
-  &__input {
-    box-sizing: border-box;
-    width: @stepper-input-width;
-    height: @stepper-input-height;
-    margin: 0 2px;
-    padding: 0;
-    color: @stepper-input-text-color;
-    font-size: @stepper-input-font-size;
-    line-height: @stepper-input-line-height;
-    text-align: center;
-    vertical-align: middle;
-    background-color: @stepper-background-color;
-    border: 0;
-    border-width: 1px 0;
-    border-radius: 0;
-    -webkit-appearance: none;
-
-    &:disabled {
-      color: @stepper-input-disabled-text-color;
-      background-color: @stepper-input-disabled-background-color;
-      // fix disabled color in iOSF
-      -webkit-text-fill-color: @stepper-input-disabled-text-color;
-      opacity: 1;
-    }
-
-    &:read-only {
-      cursor: default;
-    }
-  }
-
-  &--round {
-    .zt-stepper__input {
-      background-color: transparent;
-    }
-
-    .zt-stepper__plus,
-    .zt-stepper__minus {
-      border-radius: 100%;
-
-      &:active {
-        opacity: @active-opacity;
-      }
-
-      &--disabled {
-        &,
-        &:active {
-          opacity: 0.3;
-        }
-      }
-    }
-
-    .zt-stepper__plus {
-      color: @white;
-      background-color: @stepper-button-round-theme-color;
-    }
-
-    .zt-stepper__minus {
-      color: @stepper-button-round-theme-color;
-      background-color: @white;
-      border: 1px solid @stepper-button-round-theme-color;
-    }
-  }
-}
+@import '../style/var';
+
+.zt-stepper {
+  font-size: 0;
+  user-select: none;
+
+  &__minus,
+  &__plus {
+    position: relative;
+    box-sizing: border-box;
+    width: @stepper-input-height;
+    height: @stepper-input-height;
+    margin: 0;
+    padding: 0;
+    color: @stepper-button-icon-color;
+    vertical-align: middle;
+    background-color: @stepper-background-color;
+    border: 0;
+    cursor: pointer;
+
+    &::before {
+      width: 50%;
+      height: 1px;
+    }
+
+    &::after {
+      width: 1px;
+      height: 50%;
+    }
+
+    &::before,
+    &::after {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      background-color: currentColor;
+      transform: translate(-50%, -50%);
+      content: '';
+    }
+
+    &:active {
+      background-color: @stepper-active-color;
+    }
+
+    &--disabled {
+      color: @stepper-button-disabled-icon-color;
+      background-color: @stepper-button-disabled-color;
+      cursor: not-allowed;
+
+      &:active {
+        background-color: @stepper-button-disabled-color;
+      }
+    }
+  }
+
+  &__minus {
+    border-radius: @stepper-border-radius 0 0 @stepper-border-radius;
+
+    &::after {
+      display: none;
+    }
+  }
+
+  &__plus {
+    border-radius: 0 @stepper-border-radius @stepper-border-radius 0;
+  }
+
+  &__input {
+    box-sizing: border-box;
+    width: @stepper-input-width;
+    height: @stepper-input-height;
+    margin: 0 2px;
+    padding: 0;
+    color: @stepper-input-text-color;
+    font-size: @stepper-input-font-size;
+    line-height: @stepper-input-line-height;
+    text-align: center;
+    vertical-align: middle;
+    background-color: @stepper-background-color;
+    border: 0;
+    border-width: 1px 0;
+    border-radius: 0;
+    -webkit-appearance: none;
+
+    &:disabled {
+      color: @stepper-input-disabled-text-color;
+      background-color: @stepper-input-disabled-background-color;
+      // fix disabled color in iOSF
+      -webkit-text-fill-color: @stepper-input-disabled-text-color;
+      opacity: 1;
+    }
+
+    &:read-only {
+      cursor: default;
+    }
+  }
+
+  &--round {
+    .zt-stepper__input {
+      background-color: transparent;
+    }
+
+    .zt-stepper__plus,
+    .zt-stepper__minus {
+      border-radius: 100%;
+
+      &:active {
+        opacity: @active-opacity;
+      }
+
+      &--disabled {
+        &,
+        &:active {
+          opacity: 0.3;
+        }
+      }
+    }
+
+    .zt-stepper__plus {
+      color: @white;
+      background-color: @stepper-button-round-theme-color;
+    }
+
+    .zt-stepper__minus {
+      color: @stepper-button-round-theme-color;
+      background-color: @white;
+      border: 1px solid @stepper-button-round-theme-color;
+    }
+  }
+}

package/lib/steps/index.less

@@ -1,21 +1,21 @@
-@import '../style/var';
-
-.zt-steps {
-  overflow: hidden;
-  background-color: @steps-background-color;
-
-  &--horizontal {
-    padding: 10px 10px 0;
-
-    .zt-steps__items {
-      position: relative;
-      display: flex;
-      margin: 0 0 10px;
-      padding-bottom: 22px;
-    }
-  }
-
-  &--vertical {
-    padding: 0 0 0 @padding-xl;
-  }
-}
+@import '../style/var';
+
+.zt-steps {
+  overflow: hidden;
+  background-color: @steps-background-color;
+
+  &--horizontal {
+    padding: 10px 10px 0;
+
+    .zt-steps__items {
+      position: relative;
+      display: flex;
+      margin: 0 0 10px;
+      padding-bottom: 22px;
+    }
+  }
+
+  &--vertical {
+    padding: 0 0 0 @padding-xl;
+  }
+}

package/lib/sticky/index.less

@@ -1,11 +1,11 @@
-@import '../style/var';
-
-.zt-sticky {
-  &--fixed {
-    position: fixed;
-    top: 0;
-    right: 0;
-    left: 0;
-    z-index: @sticky-z-index;
-  }
-}
+@import '../style/var';
+
+.zt-sticky {
+  &--fixed {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: @sticky-z-index;
+  }
+}

package/lib/style/animation.less

@@ -1,139 +1,139 @@
-@import './var';
-
-@keyframes zt-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes zt-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes zt-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes zt-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zt-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.zt-fade {
-  &-enter-active {
-    animation: @animation-duration-base zt-fade-in both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: @animation-duration-base zt-fade-out both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-up {
-  &-enter-active {
-    animation: zt-slide-up-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-up-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-down {
-  &-enter-active {
-    animation: zt-slide-down-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-down-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-left {
-  &-enter-active {
-    animation: zt-slide-left-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-left-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
-
-.zt-slide-right {
-  &-enter-active {
-    animation: zt-slide-right-enter @animation-duration-base both
-      @animation-timing-function-enter;
-  }
-
-  &-leave-active {
-    animation: zt-slide-right-leave @animation-duration-base both
-      @animation-timing-function-leave;
-  }
-}
+@import './var';
+
+@keyframes zt-slide-up-enter {
+  from {
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes zt-slide-up-leave {
+  to {
+    transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes zt-slide-down-enter {
+  from {
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes zt-slide-down-leave {
+  to {
+    transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes zt-slide-left-enter {
+  from {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes zt-slide-left-leave {
+  to {
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes zt-slide-right-enter {
+  from {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes zt-slide-right-leave {
+  to {
+    transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes zt-fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes zt-fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes zt-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.zt-fade {
+  &-enter-active {
+    animation: @animation-duration-base zt-fade-in both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: @animation-duration-base zt-fade-out both
+      @animation-timing-function-leave;
+  }
+}
+
+.zt-slide-up {
+  &-enter-active {
+    animation: zt-slide-up-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: zt-slide-up-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.zt-slide-down {
+  &-enter-active {
+    animation: zt-slide-down-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: zt-slide-down-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.zt-slide-left {
+  &-enter-active {
+    animation: zt-slide-left-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: zt-slide-left-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}
+
+.zt-slide-right {
+  &-enter-active {
+    animation: zt-slide-right-enter @animation-duration-base both
+      @animation-timing-function-enter;
+  }
+
+  &-leave-active {
+    animation: zt-slide-right-leave @animation-duration-base both
+      @animation-timing-function-leave;
+  }
+}

package/lib/style/base.less

@@ -1,11 +1,11 @@
-/**
- * Entry of basic styles
- */
-
-@import './var';
-@import './normalize';
-@import './ellipsis';
-@import './clearfix';
-@import './hairline';
-@import './animation';
-@import './halfPxBorder.less';
+/**
+ * Entry of basic styles
+ */
+
+@import './var';
+@import './normalize';
+@import './ellipsis';
+@import './clearfix';
+@import './hairline';
+@import './animation';
+@import './halfPxBorder.less';

package/lib/style/clearfix.less

@@ -1,5 +1,5 @@
-@import './mixins/clearfix';
-
-.zt-clearfix {
-  .clearfix();
-}
+@import './mixins/clearfix';
+
+.zt-clearfix {
+  .clearfix();
+}

package/lib/style/ellipsis.less

@@ -1,13 +1,13 @@
-@import './mixins/ellipsis';
-
-.zt-ellipsis {
-  .ellipsis();
-}
-
-.zt-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.zt-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}
+@import './mixins/ellipsis';
+
+.zt-ellipsis {
+  .ellipsis();
+}
+
+.zt-multi-ellipsis--l2 {
+  .multi-ellipsis(2);
+}
+
+.zt-multi-ellipsis--l3 {
+  .multi-ellipsis(3);
+}