eoss-ui 0.6.20 → 0.6.22

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

@@ -1,260 +1,260 @@
-@import './common/var.scss';
-@import './mixins/mixins.scss';
-@import 'icon.scss';
-a,
-blockquote,
-body,
-button,
-caption,
-dd,
-div,
-dl,
-dt,
-fieldset,
-figure,
-form,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-html,
-i,
-input,
-label,
-legend,
-li,
-menu,
-ol,
-p,
-pre,
-span,
-table,
-td,
-textarea,
-th,
-ul {
-  font-family: $--font-family;
-}
-html {
-  overflow: hidden;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  border-color: $--border-color-base;
-}
-$start: 50;
-$end: -51;
-@while $start > $end {
-  @include mp(margin, false, $start);
-  @include mp(margin, left, $start);
-  @include mp(margin, top, $start);
-  @include mp(margin, right, $start);
-  @include mp(margin, bottom, $start);
-  @include mp(padding, false, $start);
-  @include mp(padding, left, $start);
-  @include mp(padding, top, $start);
-  @include mp(padding, right, $start);
-  @include mp(padding, bottom, $start);
-  @include gutter(left, $start);
-  @include gutter(top, $start);
-  @if $start > 0 and $start < 13 {
-    @include flex($start);
-  }
-  $start: $start - 1;
-}
-.es-none {
-  display: none;
-}
-.es-block {
-  display: block;
-}
-.es-inline {
-  display: inline;
-}
-.es-inline-block {
-  display: inline-block;
-}
-.es-pointer {
-  cursor: pointer;
-}
-.es-move {
-  cursor: move;
-}
-.es-text-left {
-  text-align: left;
-}
-.es-text-center {
-  text-align: center;
-}
-.es-text-right {
-  text-align: right;
-}
-.es-text-ellipsis {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  word-wrap: break-word;
-  // .cell, span{
-  //   text-overflow: ellipsis;
-  //   white-space: nowrap;
-  //   overflow: hidden;
-  // }
-}
-.es-fixed {
-  position: fixed;
-}
-@for $i from 2 through 6 {
-  .es-text-ellipsis-row#{$i} {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    line-clamp: $i;
-    -webkit-line-clamp: $i;
-    word-wrap: break-word;
-  }
-}
-.es-float-right {
-  float: right;
-}
-.es-float-left {
-  float: left;
-}
-.es-float-right {
-  float: right;
-}
-.es-flex {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-}
-.es-flex-vertical {
-  display: flex;
-  flex-direction: column;
-  box-orient: vertical;
-  position: relative;
-}
-.es-align-top,
-.es-align-start {
-  align-items: flex-start;
-}
-.es-align-middle {
-  align-items: center;
-}
-.es-align-bottom,
-.es-align-end {
-  align-items: flex-end;
-}
-.es-content-top,
-.es-content-start {
-  align-content: flex-start;
-}
-.es-content-middle {
-  align-content: center;
-}
-.es-content-bottom,
-.es-content-end {
-  align-content: flex-end;
-}
-.es-align-left,
-.es-justify-start {
-  justify-content: flex-start;
-}
-.es-align-center,
-.es-justify-center {
-  justify-content: center;
-}
-.es-align-right,
-.es-justify-end {
-  justify-content: flex-end;
-}
-.es-align-between,
-.es-justify-between {
-  justify-content: space-between;
-}
-.es-align-evenly,
-.es-justify-evenly {
-  justify-content: space-evenly;
-}
-.es-align-around,
-.es-justify-around {
-  justify-content: space-around;
-}
-.es-pointer {
-  cursor: pointer;
-}
-.es-scrollbar {
-  height: 100%;
-}
-.es-badge {
-  max-width: 100%;
-  .el-badge__content {
-    border: 0;
-    padding: 0;
-  }
-  .el-badge__content:not(.is-dot) {
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-  }
-  &.es-badge-right {
-    padding-right: 20px;
-  }
-  &.es-dot-right {
-    padding-right: 8px;
-  }
-}
-.es-required {
-  .cell {
-    &::before {
-      content: '*';
-      color: #f56c6c;
-      margin-right: 4px;
-    }
-  }
-}
-
-.es-launch-image {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 99;
-  background-size: 100% 100%;
-  background-position: center;
-  background-repeat: no-repeat;
-  .es-launch-text {
-    text-align: center;
-    font-size: 28px;
-    font-family: Alibaba PuHuiTi 2;
-    font-weight: normal;
-    color: rgba(255, 255, 255, 0);
-    line-height: 54px;
-    background: linear-gradient(
-      180deg,
-      #ffffff 0.1220703125%,
-      rgba(255, 255, 255, 0.69) 100%
-    );
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    position: relative;
-    top: 27%;
-    &.es-launch-user-name {
-      font-size: 48px;
-      margin-bottom: 40px;
-    }
-  }
-}
-.launch-fade-enter-active,
-.launch-fade-leave-active {
-  transition: opacity 1s;
-}
-.launch-fade-enter,
-.launch-fade-leave-to {
-  opacity: 0;
-}
+@import './common/var.scss';
+@import './mixins/mixins.scss';
+@import 'icon.scss';
+a,
+blockquote,
+body,
+button,
+caption,
+dd,
+div,
+dl,
+dt,
+fieldset,
+figure,
+form,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+html,
+i,
+input,
+label,
+legend,
+li,
+menu,
+ol,
+p,
+pre,
+span,
+table,
+td,
+textarea,
+th,
+ul {
+  font-family: $--font-family;
+}
+html {
+  overflow: hidden;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  border-color: $--border-color-base;
+}
+$start: 50;
+$end: -51;
+@while $start > $end {
+  @include mp(margin, false, $start);
+  @include mp(margin, left, $start);
+  @include mp(margin, top, $start);
+  @include mp(margin, right, $start);
+  @include mp(margin, bottom, $start);
+  @include mp(padding, false, $start);
+  @include mp(padding, left, $start);
+  @include mp(padding, top, $start);
+  @include mp(padding, right, $start);
+  @include mp(padding, bottom, $start);
+  @include gutter(left, $start);
+  @include gutter(top, $start);
+  @if $start > 0 and $start < 13 {
+    @include flex($start);
+  }
+  $start: $start - 1;
+}
+.es-none {
+  display: none;
+}
+.es-block {
+  display: block;
+}
+.es-inline {
+  display: inline;
+}
+.es-inline-block {
+  display: inline-block;
+}
+.es-pointer {
+  cursor: pointer;
+}
+.es-move {
+  cursor: move;
+}
+.es-text-left {
+  text-align: left;
+}
+.es-text-center {
+  text-align: center;
+}
+.es-text-right {
+  text-align: right;
+}
+.es-text-ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  word-wrap: break-word;
+  // .cell, span{
+  //   text-overflow: ellipsis;
+  //   white-space: nowrap;
+  //   overflow: hidden;
+  // }
+}
+.es-fixed {
+  position: fixed;
+}
+@for $i from 2 through 6 {
+  .es-text-ellipsis-row#{$i} {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    line-clamp: $i;
+    -webkit-line-clamp: $i;
+    word-wrap: break-word;
+  }
+}
+.es-float-right {
+  float: right;
+}
+.es-float-left {
+  float: left;
+}
+.es-float-right {
+  float: right;
+}
+.es-flex {
+  display: flex;
+  position: relative;
+  flex-direction: row;
+}
+.es-flex-vertical {
+  display: flex;
+  flex-direction: column;
+  box-orient: vertical;
+  position: relative;
+}
+.es-align-top,
+.es-align-start {
+  align-items: flex-start;
+}
+.es-align-middle {
+  align-items: center;
+}
+.es-align-bottom,
+.es-align-end {
+  align-items: flex-end;
+}
+.es-content-top,
+.es-content-start {
+  align-content: flex-start;
+}
+.es-content-middle {
+  align-content: center;
+}
+.es-content-bottom,
+.es-content-end {
+  align-content: flex-end;
+}
+.es-align-left,
+.es-justify-start {
+  justify-content: flex-start;
+}
+.es-align-center,
+.es-justify-center {
+  justify-content: center;
+}
+.es-align-right,
+.es-justify-end {
+  justify-content: flex-end;
+}
+.es-align-between,
+.es-justify-between {
+  justify-content: space-between;
+}
+.es-align-evenly,
+.es-justify-evenly {
+  justify-content: space-evenly;
+}
+.es-align-around,
+.es-justify-around {
+  justify-content: space-around;
+}
+.es-pointer {
+  cursor: pointer;
+}
+.es-scrollbar {
+  height: 100%;
+}
+.es-badge {
+  max-width: 100%;
+  .el-badge__content {
+    border: 0;
+    padding: 0;
+  }
+  .el-badge__content:not(.is-dot) {
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+  }
+  &.es-badge-right {
+    padding-right: 20px;
+  }
+  &.es-dot-right {
+    padding-right: 8px;
+  }
+}
+.es-required {
+  .cell {
+    &::before {
+      content: '*';
+      color: #f56c6c;
+      margin-right: 4px;
+    }
+  }
+}
+
+.es-launch-image {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 99;
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
+  .es-launch-text {
+    text-align: center;
+    font-size: 28px;
+    font-family: Alibaba PuHuiTi 2;
+    font-weight: normal;
+    color: rgba(255, 255, 255, 0);
+    line-height: 54px;
+    background: linear-gradient(
+      180deg,
+      #ffffff 0.1220703125%,
+      rgba(255, 255, 255, 0.69) 100%
+    );
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    position: relative;
+    top: 27%;
+    &.es-launch-user-name {
+      font-size: 48px;
+      margin-bottom: 40px;
+    }
+  }
+}
+.launch-fade-enter-active,
+.launch-fade-leave-active {
+  transition: opacity 1s;
+}
+.launch-fade-enter,
+.launch-fade-leave-to {
+  opacity: 0;
+}