@opendesign-plus-test/components 0.0.1-rc.50 → 0.0.1-rc.51

package/src/assets/styles/element-plus.scss

@@ -1,204 +0,0 @@
-@use '@opendesign-plus/styles/mixin/font.scss' as *;
-@use '@opensig/opendesign/es/_styles/mixin.scss' as *;
-
-:root {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-
-  .el-date-editor {
-    &.el-date-editor--daterange {
-      padding: 0 13px 0 15px;
-    }
-
-    &.el-date-editor--timerange {
-      padding: 0 16px;
-    }
-
-    input {
-      text-align: left;
-      @include text1;
-      @include respond('phone') {
-        @include text2;
-      }
-    }
-
-    .el-select__wrapper {
-      gap: 0;
-    }
-
-    .el-input__wrapper {
-
-      .el-input__prefix {
-        order: 1;
-        font-size: 16px;
-      }
-    }
-
-    .el-input__icon {
-      height: 100%;
-      order: 1;
-      font-size: 24px;
-      margin-right: 2px;
-      color: var(--o-color-info1);
-      background-color: var(--o-color-info2);
-      mask: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=') no-repeat center;
-      background-size: 24px;
-      background-repeat: no-repeat;
-      background-position: center center;
-
-      svg {
-        display: none;
-      }
-    }
-  }
-
-  .el-popper {
-
-    .el-popper__arrow {
-      display: none;
-    }
-
-    .el-picker-panel {
-      --cell-row-gap: 6px;
-      --cell-radius: var(--o-radius-xs);
-      color: var(--o-color-info1);
-
-      .el-date-picker__header {
-        padding: 12px 24px;
-        height: 48px;
-        border-bottom: 1px solid var(--o-color-control4);
-
-        .el-date-picker__header-label {
-          font-weight: 500;
-        }
-      }
-
-      .el-picker-panel__content {
-        .el-date-table {
-          th {
-            border-bottom: none;
-            height: 24px;
-            color: inherit;
-            padding: 0 0 var(--cell-row-gap);
-          }
-
-          td {
-            padding: var(--cell-row-gap) 0px;
-
-            .el-date-table-cell {
-              padding: 0;
-              height: 24px;
-              line-height: 22px;
-              border: 1px solid transparent;
-              border-radius: var(--cell-radius);
-
-            }
-
-            &:hover:not(.disabled) {
-              .el-date-table-cell {
-                border-color: var(--o-color-primary1);
-
-              }
-            }
-
-            &.disabled, &.prev-month, &.next-month {
-              .el-date-table-cell {
-                background: none;
-                color: var(--o-color-info4);
-              }
-            }
-
-            &.today {
-              .el-date-table-cell {
-                background: var(--o-color-control2-light);
-
-                .el-date-table-cell__text {
-                  font-weight: normal;
-                  color: var(--o-color-info1);
-                }
-              }
-            }
-
-            &.current, &.start-date, &.end-date {
-              .el-date-table-cell {
-                background: var(--o-color-primary1);
-
-                .el-date-table-cell__text {
-                  background: none;
-                  color: #fff;
-                }
-              }
-            }
-
-            &.in-range:not(:hover) {
-              .el-date-table-cell {
-                border-radius: 0;
-              }
-
-              &.start-date {
-                .el-date-table-cell {
-                  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
-                }
-              }
-
-              &.end-date {
-                .el-date-table-cell {
-                  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .el-input {
-    --el-border-color: var(--o-color-control1);
-    --el-input-border-color: var(--o-color-control1);
-    --el-input-hover-border-color: var(--o-color-primary2);
-    --el-input-focus-border-color: var(--o-color-primary3);
-  }
-
-  .el-table {
-    --el-table-border-color: var(--o-color-control4)
-  }
-
-  .el-input__wrapper {
-    background: var(--o-color-fill2);
-  }
-
-  .el-select__wrapper {
-    background: var(--o-color-fill2);
-  }
-
-  .el-calendar-table {
-    th {
-      color: var(--o-color-info3);
-      font-weight: 400;
-    }
-
-    td {
-      &.prev, &.next {
-        .date-calender {
-          color: var(--o-color-info4);
-        }
-      }
-    }
-  }
-
-  .el-select {
-
-    .el-select__placeholder {
-      @include text1;
-      @include respond('phone') {
-        @include text2;
-      }
-    }
-  }
-}
-
-