look-ui 1.0.11 → 1.1.12

package/src/css/message-box/index.scss

@@ -1,43 +0,0 @@
-@import '../index.scss';
-.lookui-msgbox {
-  .el-message-box__header {
-    border-bottom: 1px solid #d9d9d9;
-    .el-message-box__title {
-      color: $--themeColor;
-    }
-  }
-  .el-message-box__content {
-    .el-input {
-      input {
-        &:focus {
-          border-color: $--themeColor;
-        }
-      }
-    }
-  }
-  &.el-message-box--center {
-    .el-message-box__header {
-      border-bottom: none;
-    }
-  }
-
-  .el-button--default {
-    color: #666;
-    &:hover {
-      color: $--themeColor;
-      background-color: #f1f4fa;
-      border-color: $--themeColor-100;
-    }
-  }
-
-  .el-button--primary {
-    color: #fff;
-    background-color: $--themeColor;
-    border-color: $--themeColor;
-    &:hover {
-      color: #fff;
-      background-color: #8493e9;
-      border-color: #8493e9;
-    }
-  }
-}

package/src/css/nav-menu/index.scss

@@ -1,169 +0,0 @@
-@import '../index.scss';
-.lookui-submenu {
-  &.el-submenu {
-    &.is-opened {
-      .el-submenu__title {
-        font-weight: bold !important;
-        // color:#333 !important;
-      }
-    }
-  }
-  .el-submenu__title:hover {
-    background-color: $--themeColor-100 !important;
-    color: $--themeColor !important;
-    i {
-      color: $--themeColor;
-    }
-  }
-}
-
-.lookui-menu-item {
-  &:hover {
-    background-color: $--themeColor-100 !important;
-    color: $--themeColor !important;
-    i {
-      color: $--themeColor;
-    }
-  }
-}
-
-.lookui-submenu-theme {
-  &.el-submenu {
-    &.is-opened {
-      .el-submenu__title {
-        font-weight: bold !important;
-        color: #fff !important;
-        i {
-          color: #fff;
-        }
-      }
-    }
-  }
-}
-
-.lookui-menu-item-theme {
-  &:hover {
-    color: #fff !important;
-    i {
-      color: #fff !important;
-    }
-  }
-}
-
-.lookui-submenu-collapse {
-  .el-submenu__title {
-    i {
-      color: #fff;
-    }
-  }
-}
-
-.lookui-submenu-collapse-item {
-  &.el-menu-item {
-    &.is-active {
-      // background-color: #3d5bc9  !important;
-      color: #fff;
-    }
-    i {
-      color: #fff;
-    }
-  }
-}
-
-.lookui-submenu-collapse--poppper {
-  .el-menu--popup-right-start {
-    margin-left: 2px;
-    background-color: #fff !important;
-  }
-  .el-menu--popup {
-    padding: 0;
-  }
-  .el-menu-item {
-    height: 40px;
-    line-height: 40px;
-    padding-left: 38px !important;
-    background-color: #fff !important;
-    color: #666 !important;
-    display: flex;
-    align-items: center;
-    &:hover {
-      background-color: $--themeColor-100 !important;
-      color: $--themeColor !important;
-      i {
-        color: $--themeColor !important;
-      }
-    }
-  }
-}
-
-.lookui-menu-item-divider {
-  display: block;
-  height: 1px ;
-  background-color: #ccc;
-  margin: 16px 12px 16px 38px;
-}
-
-.lookui-aside-menu {
-  display: flex;
-  .lookui-aside-menu-icons {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 64px;
-    height: 100%;
-    background-color: $--themeColor;
-    .icon-item {
-      height: 56px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: pointer;
-      i {
-        font-size: 20px;
-        color: #fff;
-      }
-      &:hover {
-        background-color: rgba(61, 91, 201, .5);
-      }
-    }
-    .actived-icon {
-      background-color: rgba(61, 91, 201, 1);
-    }
-  }
-  .lookui-aside-menu-items {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 208px;
-    height: 100%;
-    background-color:#ffffff;
-    box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
-    .actived-item {
-      background-color: rgba(228, 232, 251, 1);
-      color: $--themeColor;
-      cursor: pointer;
-      border-right: 2px solid $--themeColor;
-    }
-    .menu-item {
-      height: 56px;
-      line-height: 56px;
-      padding-left: 40px;
-      &:hover {
-        background-color: rgba(228, 232, 251, .5);
-        color: $--themeColor;
-        cursor: pointer;
-      }
-    }
-    .items-fold {
-      height: 56px;
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      margin-right: 20px;
-      cursor: pointer;
-      i {
-        font-size: 20px;
-      }
-    }
-  }
-}

package/src/css/notification/index.scss

@@ -1,10 +0,0 @@
-@import '../index.scss';
-.lookui-notification {
-  .el-notification__title {
-    color: $--themeColor;
-    font-weight: normal;
-  }
-  h2 {
-    border-bottom: none;
-  }
-}

package/src/css/page-header/index.scss

@@ -1,39 +0,0 @@
-@import '../index.scss';
-.lookui-page-header-auxiliary-text {
-  display: flex;
-  padding: 16px;
-  &.white-bg {
-    background-color: #fff;
-  }
-  &.theme-bg {
-    background-color: $--themeColor;
-    color: #fff;
-  }
-  .right {
-    padding-left: 16px;
-    border-left: 1px solid #d9d9d9;
-    margin-left: 16px;
-    .title {
-      font-size: 18px;
-    }
-    .sub-title {
-      font-size: 14px;
-      margin-top: 8px;
-    }
-  }
-}
-
-.lookui-page-header {
-  background-color: $--themeColor;
-  padding: 14px;
-  &.white-bg {
-    background-color: #fff;
-  }
-  &.theme-bg {
-    background-color: $--themeColor;
-    color: #fff;
-    .el-page-header__content {
-      color: #fff;
-    }
-  }
-}

package/src/css/pagination/index.scss

@@ -1,40 +0,0 @@
-@import '../index.scss';
-
-.lookui-pagination {
-  .el-pager li {
-    &.active,
-    &:hover {
-      color: $--themeColor;
-    }
-  }
-  button:hover {
-    color: $--themeColor;
-  }
-  &.is-background .el-pager li:not(.disabled) {
-    &.active,
-    &:hover {
-      background-color: $--themeColor;
-      color: #fff;
-    }
-  }
-  .el-pagination__sizes .el-input .el-input__inner:hover {
-    border-color: $--themeColor;
-  }
-  .el-select .el-input.is-focus .el-input__inner {
-    border-color: $--themeColor;
-  }
-  .el-select .el-input__inner:focus {
-    border-color: $--themeColor;
-  }
-  .el-pagination__jump {
-    .el-input__inner:focus {
-      border-color: $--themeColor;
-      outline: 0;
-    }
-  }
-}
-
-.el-select-dropdown__item.selected {
-  color: $--themeColor;
-  font-weight: 700;
-}

package/src/css/picker/index.scss

@@ -1,17 +0,0 @@
-@import '../index.scss';
-.lookui-picker {
-  &.el-input.is-active .el-input__inner {
-    border-color: $--themeColor;
-  }
-  .el-input__inner {
-    &:focus {
-      border-color: $--themeColor;
-    }
-  }
-  &.el-range-editor.is-active {
-    border-color: $--themeColor;
-    &:hover {
-      border-color: $--themeColor;
-    }
-  }
-}

package/src/css/popover/index.scss

@@ -1,23 +0,0 @@
-@import '../index.scss';
-.lookui-popover {
-  &.el-popover {
-    &--plain {
-      padding: 14px;
-    }
-  }
-  .el-popover__title {
-    border-bottom: 1px solid #d9d9d9;
-    padding-bottom: 14px;
-    color: $--themeColor;
-  }
-
-  .el-button--text {
-    color: $--themeColor;
-  }
-
-  .el-button--primary {
-    color: #FFF;
-    background-color: $--themeColor;
-    border-color: $--themeColor;
-  }
-}

package/src/css/radio/index.scss

@@ -1,23 +0,0 @@
-@import '../index.scss';
-.lookui-radio {
-  .el-radio__inner {
-    width: 16px;
-    height: 16px;
-  }
-  .el-radio__input.is-checked .el-radio__inner {
-    border-color: $--themeColor;
-    background-color: #fff;
-  }
-  .el-radio__input.is-disabled.is-checked .el-radio__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-  }
-  .el-radio__inner::after {
-    width: 8px;
-    height: 8px;
-    background-color: $--themeColor;
-  }
-  .el-radio__input.is-checked + .el-radio__label {
-    color: #666;
-  }
-}

package/src/css/select/index.scss

@@ -1,43 +0,0 @@
-@import '../index.scss';
-.lookui-select {
-  .el-input.is-focus .el-input__inner {
-    border: 1px solid $--themeColor;
-  }
-  .el-input__inner:focus {
-    border-color: $--themeColor;
-  }
-  .el-select {
-    width: 100%;
-    height: 100%;
-  }
-  .el-select > .el-input {
-    height: 100%;
-  }
-  .el-select__caret.el-input__icon.el-icon-arrow-up {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-}
-
-.lookui-select-dropdown .el-select-dropdown__item.hover {
-  width: 100%;
-  background-color: $--themeColor-100;
-}
-.lookui-select-dropdown .el-select-dropdown__item,
-.lookui-select-dropdown .el-select-dropdown__item.selected {
-  color: #666666;
-  font-weight: normal;
-  &.selected {
-    color: $--themeColor;
-  }
-}
-.lookui-select-dropdown .property-item input:focus {
-  border: 1px solid $--themeColor;
-}
-.lookui-select-dropdown .row-panel.select-panel {
-  background: none;
-}
-.lookui-select-dropdown .el-input__icon {
-  line-height: 32px;
-}

package/src/css/slider/index.scss

@@ -1,9 +0,0 @@
-@import '../index.scss';
-.lookui-slider {
-  .el-slider__bar {
-    background-color: $--themeColor;
-  }
-  .el-slider__button {
-    border: 2px solid $--themeColor;
-  }
-}

package/src/css/steps/index.scss

@@ -1,52 +0,0 @@
-@import '../index.scss';
-.lookui-steps {
-  .el-step__head.is-process {
-    border-color: $--themeColor;
-    .el-step__icon {
-      &.is-text {
-        background-color: $--themeColor;
-        color: #fff;
-        .el-step__icon-inner {
-          font-weight: normal;
-        }
-      }
-      &.is-icon {
-        background-color: rgba(255, 255, 255, 0);
-        color: $--themeColor;
-        .el-step__icon-inner {
-          font-weight: normal;
-        }
-      }
-    }
-  }
-  .el-step__head.is-success {
-    color: $--themeColor;
-    border-color: $--themeColor;
-    .el-step__line {
-      background-color: $--themeColor;
-    }
-  }
-  .el-step__head.is-finish {
-    color: $--themeColor;
-    border-color: $--themeColor;
-    .el-step__line {
-      background-color: $--themeColor;
-    }
-  }
-
-  .el-step__main {
-    .el-step__title.is-process {
-      font-weight: 400;
-      color: #000;
-    }
-    .el-step__title.is-success {
-      color: #666;
-    }
-    .el-step__description,
-    .el-step__title {
-      &.is-finish {
-        color: #666;
-      }
-    }
-  }
-}

package/src/css/switch/index.scss

@@ -1,10 +0,0 @@
-@import '../index.scss';
-.lookui-switch {
-  &.is-checked .el-switch__core {
-    border-color: $--themeColor;
-    background-color: $--themeColor;
-  }
-  .el-switch__label.is-active {
-    color: $--themeColor;
-  }
-}