element-sim 1.1.8 → 1.1.10

package/packages/theme-chalk/src/popover.scss

@@ -1,40 +1,40 @@
-@import "mixins/mixins";
-@import "common/var";
-@import "./popper";
-
-@include b(popover) {
-  position: absolute;
-  background: $--popover-background-color;
-  min-width: 150px;
-  border-radius: 4px;
-  border: 1px solid $--popover-border-color;
-  padding: $--popover-padding;
-  z-index: $--index-popper;
-  color: $--color-text-regular;
-  line-height: 1.4;
-  text-align: justify;
-  font-size: $--popover-font-size;
-  box-shadow: $--box-shadow-light;
-  word-break: break-all;
-
-  @include m(plain) {
-    padding: $--popover-padding-large;
-  }
-
-  @include e(title) {
-    color: $--popover-title-font-color;
-    font-size: $--popover-title-font-size;
-    line-height: 1;
-    margin-bottom: 12px;
-  }
-
-  @include e(reference) {
-    &:focus:not(.focusing), &:focus:hover {
-      outline-width: 0;
-    }
-  }
-
-  &:focus:active, &:focus {
-    outline-width: 0;
-  }
-}
+@import "mixins/mixins";
+@import "common/var";
+@import "./popper";
+
+@include b(popover) {
+  position: absolute;
+  background: $--popover-background-color;
+  min-width: 150px;
+  border-radius: 4px;
+  border: 1px solid $--popover-border-color;
+  padding: $--popover-padding;
+  z-index: $--index-popper;
+  color: $--color-text-regular;
+  line-height: 1.4;
+  text-align: justify;
+  font-size: $--popover-font-size;
+  box-shadow: $--box-shadow-light;
+  word-break: break-all;
+
+  @include m(plain) {
+    padding: $--popover-padding-large;
+  }
+
+  @include e(title) {
+    color: $--popover-title-font-color;
+    font-size: $--popover-title-font-size;
+    line-height: 1;
+    margin-bottom: 12px;
+  }
+
+  @include e(reference) {
+    &:focus:not(.focusing), &:focus:hover {
+      outline-width: 0;
+    }
+  }
+
+  &:focus:active, &:focus {
+    outline-width: 0;
+  }
+}

package/packages/theme-chalk/src/popper.scss

@@ -1,101 +1,101 @@
-@import "mixins/mixins";
-@import "common/var";
-
-@include b(popper) {
-  .popper__arrow,
-  .popper__arrow::after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-  }
-
-  .popper__arrow {
-    border-width: $--popover-arrow-size;
-    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03))
-  }
-
-  .popper__arrow::after {
-    content: " ";
-    border-width: $--popover-arrow-size;
-  }
-
-  &[x-placement^="top"] {
-    margin-bottom: #{$--popover-arrow-size + 6};
-  }
-
-  &[x-placement^="top"] .popper__arrow {
-    bottom: -$--popover-arrow-size;
-    left: 50%;
-    margin-right: #{$--tooltip-arrow-size / 2};
-    border-top-color: $--popover-border-color;
-    border-bottom-width: 0;
-
-    &::after {
-      bottom: 1px;
-      margin-left: -$--popover-arrow-size;
-      border-top-color: $--popover-background-color;
-      border-bottom-width: 0;
-    }
-  }
-
-  &[x-placement^="bottom"] {
-    margin-top: #{$--popover-arrow-size + 6};
-  }
-
-  &[x-placement^="bottom"] .popper__arrow {
-    top: -$--popover-arrow-size;
-    left: 50%;
-    margin-right: #{$--tooltip-arrow-size / 2};
-    border-top-width: 0;
-    border-bottom-color: $--popover-border-color;
-
-    &::after {
-      top: 1px;
-      margin-left: -$--popover-arrow-size;
-      border-top-width: 0;
-      border-bottom-color: $--popover-background-color;
-    }
-  }
-
-  &[x-placement^="right"] {
-    margin-left: #{$--popover-arrow-size + 6};
-  }
-
-  &[x-placement^="right"] .popper__arrow {
-    top: 50%;
-    left: -$--popover-arrow-size;
-    margin-bottom: #{$--tooltip-arrow-size / 2};
-    border-right-color: $--popover-border-color;
-    border-left-width: 0;
-
-    &::after {
-      bottom: -$--popover-arrow-size;
-      left: 1px;
-      border-right-color: $--popover-background-color;
-      border-left-width: 0;
-    }
-  }
-
-  &[x-placement^="left"] {
-    margin-right: #{$--popover-arrow-size + 6};
-  }
-
-  &[x-placement^="left"] .popper__arrow {
-    top: 50%;
-    right: -$--popover-arrow-size;
-    margin-bottom: #{$--tooltip-arrow-size / 2};
-    border-right-width: 0;
-    border-left-color: $--popover-border-color;
-
-    &::after {
-      right: 1px;
-      bottom: -$--popover-arrow-size;
-      margin-left: -$--popover-arrow-size;
-      border-right-width: 0;
-      border-left-color: $--popover-background-color;
-    }
-  }
+@import "mixins/mixins";
+@import "common/var";
+
+@include b(popper) {
+  .popper__arrow,
+  .popper__arrow::after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+  }
+
+  .popper__arrow {
+    border-width: $--popover-arrow-size;
+    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03))
+  }
+
+  .popper__arrow::after {
+    content: " ";
+    border-width: $--popover-arrow-size;
+  }
+
+  &[x-placement^="top"] {
+    margin-bottom: #{$--popover-arrow-size + 6};
+  }
+
+  &[x-placement^="top"] .popper__arrow {
+    bottom: -$--popover-arrow-size;
+    left: 50%;
+    margin-right: #{$--tooltip-arrow-size / 2};
+    border-top-color: $--popover-border-color;
+    border-bottom-width: 0;
+
+    &::after {
+      bottom: 1px;
+      margin-left: -$--popover-arrow-size;
+      border-top-color: $--popover-background-color;
+      border-bottom-width: 0;
+    }
+  }
+
+  &[x-placement^="bottom"] {
+    margin-top: #{$--popover-arrow-size + 6};
+  }
+
+  &[x-placement^="bottom"] .popper__arrow {
+    top: -$--popover-arrow-size;
+    left: 50%;
+    margin-right: #{$--tooltip-arrow-size / 2};
+    border-top-width: 0;
+    border-bottom-color: $--popover-border-color;
+
+    &::after {
+      top: 1px;
+      margin-left: -$--popover-arrow-size;
+      border-top-width: 0;
+      border-bottom-color: $--popover-background-color;
+    }
+  }
+
+  &[x-placement^="right"] {
+    margin-left: #{$--popover-arrow-size + 6};
+  }
+
+  &[x-placement^="right"] .popper__arrow {
+    top: 50%;
+    left: -$--popover-arrow-size;
+    margin-bottom: #{$--tooltip-arrow-size / 2};
+    border-right-color: $--popover-border-color;
+    border-left-width: 0;
+
+    &::after {
+      bottom: -$--popover-arrow-size;
+      left: 1px;
+      border-right-color: $--popover-background-color;
+      border-left-width: 0;
+    }
+  }
+
+  &[x-placement^="left"] {
+    margin-right: #{$--popover-arrow-size + 6};
+  }
+
+  &[x-placement^="left"] .popper__arrow {
+    top: 50%;
+    right: -$--popover-arrow-size;
+    margin-bottom: #{$--tooltip-arrow-size / 2};
+    border-right-width: 0;
+    border-left-color: $--popover-border-color;
+
+    &::after {
+      right: 1px;
+      bottom: -$--popover-arrow-size;
+      margin-left: -$--popover-arrow-size;
+      border-right-width: 0;
+      border-left-color: $--popover-background-color;
+    }
+  }
 }

package/packages/theme-chalk/src/progress.scss

@@ -1,141 +1,141 @@
-@import "mixins/mixins";
-@import "mixins/utils";
-@import "common/var";
-
-@include b(progress) {
-  position: relative;
-  line-height: 1;
-
-  @include e(text) {
-    font-size:14px;
-    color: $--color-text-regular;
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 10px;
-    line-height: 1;
-
-    i {
-      vertical-align: middle;
-      display: block;
-    }
-  }
-
-  @include m((circle,dashboard)) {
-    display: inline-block;
-
-    .el-progress__text {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      width: 100%;
-      text-align: center;
-      margin: 0;
-      transform: translate(0, -50%);
-
-      i {
-        vertical-align: middle;
-        display: inline-block;
-      }
-    }
-  }
-
-
-  @include m(without-text) {
-    .el-progress__text {
-      display: none;
-    }
-
-    .el-progress-bar {
-      padding-right: 0;
-      margin-right: 0;
-      display: block;
-    }
-  }
-
-  @include m(text-inside) {
-    .el-progress-bar {
-      padding-right: 0;
-      margin-right: 0;
-    }
-  }
-
-  @include when(success) {
-    .el-progress-bar__inner {
-      background-color: $--color-success;
-    }
-
-    .el-progress__text {
-      color: $--color-success;
-    }
-  }
-
-  @include when(warning) {
-    .el-progress-bar__inner {
-      background-color: $--color-warning;
-    }
-
-    .el-progress__text {
-      color: $--color-warning;
-    }
-  }
-
-  @include when(exception) {
-    .el-progress-bar__inner {
-      background-color: $--color-danger;
-    }
-
-    .el-progress__text {
-      color: $--color-danger;
-    }
-  }
-}
-
-@include b(progress-bar) {
-  padding-right: 50px;
-  display: inline-block;
-  vertical-align: middle;
-  width: 100%;
-  margin-right: -55px;
-  box-sizing: border-box;
-
-  @include e(outer) {
-    height: 6px;
-    border-radius: 100px;
-    background-color: $--border-color-lighter;
-    overflow: hidden;
-    position: relative;
-    vertical-align: middle;
-  }
-  @include e(inner) {
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    background-color: $--color-primary;
-    text-align: right;
-    border-radius: 100px;
-    line-height: 1;
-    white-space: nowrap;
-    transition: width 0.6s ease;
-
-    @include utils-vertical-center;
-  }
-
-  @include e(innerText) {
-    display: inline-block;
-    vertical-align: middle;
-    color: $--color-white;
-    font-size: 12px;
-    margin: 0 5px;
-  }
-}
-
-@keyframes progress {
-  0% {
-    background-position: 0 0;
-  }
-
-  100% {
-    background-position: 32px 0;
-  }
-}
+@import "mixins/mixins";
+@import "mixins/utils";
+@import "common/var";
+
+@include b(progress) {
+  position: relative;
+  line-height: 1;
+
+  @include e(text) {
+    font-size:14px;
+    color: $--color-text-regular;
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 10px;
+    line-height: 1;
+
+    i {
+      vertical-align: middle;
+      display: block;
+    }
+  }
+
+  @include m((circle,dashboard)) {
+    display: inline-block;
+
+    .el-progress__text {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      text-align: center;
+      margin: 0;
+      transform: translate(0, -50%);
+
+      i {
+        vertical-align: middle;
+        display: inline-block;
+      }
+    }
+  }
+
+
+  @include m(without-text) {
+    .el-progress__text {
+      display: none;
+    }
+
+    .el-progress-bar {
+      padding-right: 0;
+      margin-right: 0;
+      display: block;
+    }
+  }
+
+  @include m(text-inside) {
+    .el-progress-bar {
+      padding-right: 0;
+      margin-right: 0;
+    }
+  }
+
+  @include when(success) {
+    .el-progress-bar__inner {
+      background-color: $--color-success;
+    }
+
+    .el-progress__text {
+      color: $--color-success;
+    }
+  }
+
+  @include when(warning) {
+    .el-progress-bar__inner {
+      background-color: $--color-warning;
+    }
+
+    .el-progress__text {
+      color: $--color-warning;
+    }
+  }
+
+  @include when(exception) {
+    .el-progress-bar__inner {
+      background-color: $--color-danger;
+    }
+
+    .el-progress__text {
+      color: $--color-danger;
+    }
+  }
+}
+
+@include b(progress-bar) {
+  padding-right: 50px;
+  display: inline-block;
+  vertical-align: middle;
+  width: 100%;
+  margin-right: -55px;
+  box-sizing: border-box;
+
+  @include e(outer) {
+    height: 6px;
+    border-radius: 100px;
+    background-color: $--border-color-lighter;
+    overflow: hidden;
+    position: relative;
+    vertical-align: middle;
+  }
+  @include e(inner) {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 100%;
+    background-color: $--color-primary;
+    text-align: right;
+    border-radius: 100px;
+    line-height: 1;
+    white-space: nowrap;
+    transition: width 0.6s ease;
+
+    @include utils-vertical-center;
+  }
+
+  @include e(innerText) {
+    display: inline-block;
+    vertical-align: middle;
+    color: $--color-white;
+    font-size: 12px;
+    margin: 0 5px;
+  }
+}
+
+@keyframes progress {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 32px 0;
+  }
+}