Skip to content

S
style_tool
Commit fd6f3926 authored by 于广洋's avatar 于广洋
Browse files
Options

测试按钮

parent e0e38917
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 4205 additions and 4327 deletions
element-variables.scss
View file @ fd6f3926
......@@ -16,7 +16,7 @@ $--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
/* Color
-------------------------- */
/// color|1|Brand Color|0
$--color-primary: #000000 !default;
$--color-primary: #0994DC !default;
/// color|1|Background Color|4
$--color-white: #FFFFFF !default;
/// color|1|Background Color|4
......@@ -31,13 +31,13 @@ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
/// color|1|Functional Color|1
$--color-success: #67C23A !default;
$--color-success: #4EC87C !default;
/// color|1|Functional Color|1
$--color-warning: #E6A23C !default;
$--color-warning: #FFA533 !default;
/// color|1|Functional Color|1
$--color-danger: #F56C6C !default;
$--color-danger: #FF3D33 !default;
/// color|1|Functional Color|1
$--color-info: #909399 !default;
$--color-info: #FFBF00 !default;
$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
......@@ -55,7 +55,7 @@ $--color-text-regular: #606266 !default;
/// color|1|Font Color|2
$--color-text-secondary: #909399 !default;
/// color|1|Font Color|2
$--color-text-placeholder: #C0C4CC !default;
$--color-text-placeholder: #CCCCCC !default;
/// color|1|Border Color|3
$--border-color-base: #DCDFE6 !default;
/// color|1|Border Color|3
......@@ -515,33 +515,33 @@ $--button-font-weight: $--font-weight-primary !default;
/// borderRadius||Border|2
$--button-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-padding-vertical: 12px !default;
$--button-padding-vertical: 10px !default;
/// padding||Spacing|3
$--button-padding-horizontal: 20px !default;
$--button-padding-horizontal: 18px !default;
/// fontSize||Font|1
$--button-medium-font-size: $--font-size-base !default;
/// borderRadius||Border|2
$--button-medium-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-medium-padding-vertical: 10px !default;
$--button-medium-padding-vertical: 8px !default;
/// padding||Spacing|3
$--button-medium-padding-horizontal: 20px !default;
$--button-medium-padding-horizontal: 18px !default;
/// fontSize||Font|1
$--button-small-font-size: 12px !default;
$--button-small-border-radius: #{$--border-radius-base - 1} !default;
/// padding||Spacing|3
$--button-small-padding-vertical: 9px !default;
$--button-small-padding-vertical: 7px !default;
/// padding||Spacing|3
$--button-small-padding-horizontal: 15px !default;
$--button-small-padding-horizontal: 13px !default;
/// fontSize||Font|1
$--button-mini-font-size: 12px !default;
$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
/// padding||Spacing|3
$--button-mini-padding-vertical: 7px !default;
$--button-mini-padding-vertical: 5px !default;
/// padding||Spacing|3
$--button-mini-padding-horizontal: 15px !default;
$--button-mini-padding-horizontal: 13px !default;
/// color||Color|0
$--button-default-font-color: $--color-text-regular !default;
......@@ -553,9 +553,9 @@ $--button-default-border-color: $--border-color-base !default;
/// color||Color|0
$--button-disabled-font-color: $--color-text-placeholder !default;
/// color||Color|0
$--button-disabled-background-color: $--color-white !default;
$--button-disabled-background-color: #F8F8F8 !default;
/// color||Color|0
$--button-disabled-border-color: $--border-color-lighter !default;
$--button-disabled-border-color: #EBEBEB !default;
/// color||Color|0
$--button-primary-border-color: $--color-primary !default;
......@@ -992,3 +992,4 @@ $--breakpoints-spec: (
'lg-and-down': (max-width: $--xl - 1),
'xl-only' : (min-width: $--xl),
);
src/assets/element-variables.scss
View file @ fd6f3926
......@@ -31,13 +31,13 @@ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
/// color|1|Functional Color|1
$--color-success: #67C23A !default;
$--color-success: #4EC87C !default;
/// color|1|Functional Color|1
$--color-warning: #E6A23C !default;
$--color-warning: #FFA533 !default;
/// color|1|Functional Color|1
$--color-danger: #F56C6C !default;
$--color-danger: #FF3D33 !default;
/// color|1|Functional Color|1
$--color-info: #909399 !default;
$--color-info: #FFBF00 !default;
$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
......@@ -55,9 +55,9 @@ $--color-text-regular: #606266 !default;
/// color|1|Font Color|2
$--color-text-secondary: #909399 !default;
/// color|1|Font Color|2
$--color-text-placeholder: #C0C4CC !default;
$--color-text-placeholder: #CCCCCC !default;
/// color|1|Border Color|3
$--border-color-base: $--color-primary !default;
$--border-color-base: #DCDFE6 !default;
/// color|1|Border Color|3
$--border-color-light: #E4E7ED !default;
/// color|1|Border Color|3
......@@ -81,9 +81,9 @@ $--border-style-base: solid !default;
$--border-color-hover: $--color-text-placeholder !default;
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
/// borderRadius|1|Radius|0
$--border-radius-base: 3px !default;
$--border-radius-base: 4px !default;
/// borderRadius|1|Radius|0
$--border-radius-small: 3px !default;
$--border-radius-small: 2px !default;
/// borderRadius|1|Radius|0
$--border-radius-circle: 100% !default;
/// borderRadius|1|Radius|0
......@@ -506,7 +506,7 @@ $--tab-vertical-header-width: 90px !default;
$--tab-vertical-header-count-color: $--color-white !default;
$--tab-vertical-header-count-fill: $--color-text-secondary !default;
/* Button 按钮字体 默认
/* Button
-------------------------- */
/// fontSize||Font|1
$--button-font-size: $--font-size-base !default;
......@@ -515,49 +515,49 @@ $--button-font-weight: $--font-weight-primary !default;
/// borderRadius||Border|2
$--button-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-padding-vertical: 11px !default;
$--button-padding-vertical: 10px !default;
/// padding||Spacing|3
$--button-padding-horizontal: 20px !default;
$--button-padding-horizontal: 18px !default;
/// fontSize||Font|1 中等
/// fontSize||Font|1
$--button-medium-font-size: $--font-size-base !default;
/// borderRadius||Border|2
$--button-medium-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-medium-padding-vertical: 9px !default;
$--button-medium-padding-vertical: 8px !default;
/// padding||Spacing|3
$--button-medium-padding-horizontal: 20px !default;
$--button-medium-padding-horizontal: 18px !default;
/// fontSize||Font|1 小
/// fontSize||Font|1
$--button-small-font-size: 12px !default;
$--button-small-border-radius: $--border-radius-base !default;
$--button-small-border-radius: #{$--border-radius-base - 1} !default;
/// padding||Spacing|3
$--button-small-padding-vertical: 8px !default;
$--button-small-padding-vertical: 7px !default;
/// padding||Spacing|3
$--button-small-padding-horizontal: 15px !default;
$--button-small-padding-horizontal: 13px !default;
/// fontSize||Font|1
$--button-mini-font-size: 12px !default;
$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
/// padding||Spacing|3
$--button-mini-padding-vertical: 6px !default;
$--button-mini-padding-vertical: 5px !default;
/// padding||Spacing|3
$--button-mini-padding-horizontal: 15px !default;
$--button-mini-padding-horizontal: 13px !default;
/// color||Color|0 默认按钮
$--button-default-font-color: $--color-primary !default;
/// color||Color|0
$--button-default-font-color: $--color-text-regular !default;
/// color||Color|0
$--button-default-background-color: $--color-white !default;
/// color||Color|0
$--button-default-border-color: $--border-color-base !default;
/// color||Color|0 禁用按钮
/// color||Color|0
$--button-disabled-font-color: $--color-text-placeholder !default;
/// color||Color|0
$--button-disabled-background-color: $--color-white !default;
$--button-disabled-background-color: #F8F8F8 !default;
/// color||Color|0
$--button-disabled-border-color: $--border-color-lighter !default;
$--button-disabled-border-color: #EBEBEB !default;
/// color||Color|0 主要按钮 成功 警告 危险，信息
/// color||Color|0
$--button-primary-border-color: $--color-primary !default;
/// color||Color|0
$--button-primary-font-color: $--color-white !default;
......@@ -992,7 +992,6 @@ $--breakpoints-spec: (
'lg-and-down': (max-width: $--xl - 1),
'xl-only' : (min-width: $--xl),
);
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";
src/components/homePage.vue
View file @ fd6f3926
......@@ -18,7 +18,45 @@
<el-button size="small" plain>朴素按钮</el-button>
<el-button size="mini" plain>朴素按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="success">成功按钮</el-button>
<el-button size="medium" type="success">成功按钮</el-button>
<el-button size="small" type="success">成功按钮</el-button>
<el-button size="mini" type="success">成功按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="success" plain>成功按钮</el-button>
<el-button size="medium" type="success" plain>成功按钮</el-button>
<el-button size="small" type="success" plain>成功按钮</el-button>
<el-button size="mini" type="success" plain>成功按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="warning">警告按钮</el-button>
<el-button size="medium" type="warning">警告按钮</el-button>
<el-button size="small" type="warning">警告按钮</el-button>
<el-button size="mini" type="warning">警告按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="danger">危险按钮</el-button>
<el-button size="medium" type="danger">危险按钮</el-button>
<el-button size="small" type="danger">危险按钮</el-button>
<el-button size="mini" type="danger">危险按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="info">提醒按钮</el-button>
<el-button size="medium" type="info">提醒按钮</el-button>
<el-button size="small" type="info">提醒按钮</el-button>
<el-button size="mini" type="info">提醒按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button type="info">提醒按钮</el-button>
<el-button size="medium" type="info">提醒按钮</el-button>
<el-button size="small" type="info">提醒按钮</el-button>
<el-button size="mini" type="info">提醒按钮</el-button>
</el-row>
<el-row style="padding-top: 20px">
<el-button disabled>禁选按钮</el-button>
</el-row>
</div>
</template>
......
src/main.js
View file @ fd6f3926
......@@ -5,8 +5,8 @@ import App from './App'
import router from './router'
import ElementUI from 'element-ui'
/*import 'element-ui/lib/theme-chalk/index.css';*/
import '../src/assets/element-variables.scss'
/*import '../theme/index.css'*/
/*import '../src/assets/element-variables.scss'*/
import '../theme/index.css'
Vue.config.productionTip = false
Vue.use(ElementUI)
/* eslint-disable no-new */
......
theme/alert.css
View file @ fd6f3926
......@@ -268,7 +268,7 @@
-webkit-transition: opacity .2s;
transition: opacity .2s; }
.el-alert.is-light .el-alert__closebtn {
color: #C0C4CC; }
color: #CCCCCC; }
.el-alert.is-dark .el-alert__closebtn {
color: #FFFFFF; }
.el-alert.is-dark .el-alert__description {
......@@ -278,36 +278,36 @@
-ms-flex-pack: center;
justify-content: center; }
.el-alert--success.is-light {
background-color: #f0f9eb;
color: #67C23A; }
background-color: #edfaf2;
color: #4EC87C; }
.el-alert--success.is-light .el-alert__description {
color: #67C23A; }
color: #4EC87C; }
.el-alert--success.is-dark {
background-color: #67C23A;
background-color: #4EC87C;
color: #FFFFFF; }
.el-alert--info.is-light {
background-color: #f4f4f5;
color: #909399; }
background-color: #fff9e6;
color: #FFBF00; }
.el-alert--info.is-dark {
background-color: #909399;
background-color: #FFBF00;
color: #FFFFFF; }
.el-alert--info .el-alert__description {
color: #909399; }
color: #FFBF00; }
.el-alert--warning.is-light {
background-color: #fdf6ec;
color: #E6A23C; }
background-color: #fff6eb;
color: #FFA533; }
.el-alert--warning.is-light .el-alert__description {
color: #E6A23C; }
color: #FFA533; }
.el-alert--warning.is-dark {
background-color: #E6A23C;
background-color: #FFA533;
color: #FFFFFF; }
.el-alert--error.is-light {
background-color: #fef0f0;
color: #F56C6C; }
background-color: #ffeceb;
color: #FF3D33; }
.el-alert--error.is-light .el-alert__description {
color: #F56C6C; }
color: #FF3D33; }
.el-alert--error.is-dark {
background-color: #F56C6C;
background-color: #FF3D33;
color: #FFFFFF; }
.el-alert__content {
display: table-cell;
......
theme/autocomplete.css
View file @ fd6f3926
......@@ -521,20 +521,20 @@
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-textarea__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-textarea .el-input__count {
color: #909399;
color: #FFBF00;
background: #FFFFFF;
position: absolute;
font-size: 12px;
......@@ -543,20 +543,20 @@
.el-textarea.is-disabled .el-textarea__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-exceed .el-textarea__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-textarea.is-exceed .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input {
position: relative;
......@@ -580,7 +580,7 @@
background: #fff;
width: 6px; }
.el-input .el-input__clear {
color: #C0C4CC;
color: #CCCCCC;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -595,7 +595,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
color: #FFBF00;
font-size: 12px; }
.el-input .el-input__count .el-input__count-inner {
background: #FFFFFF;
......@@ -621,25 +621,25 @@
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
.el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-input__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none; }
......@@ -651,7 +651,7 @@
left: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s; }
.el-input__icon {
......@@ -671,26 +671,26 @@
pointer-events: none; }
.el-input.is-active .el-input__inner {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__icon {
cursor: not-allowed; }
.el-input.is-exceed .el-input__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input--suffix .el-input__inner {
padding-right: 30px; }
.el-input--prefix .el-input__inner {
......@@ -728,7 +728,7 @@
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F5F7FA;
color: #909399;
color: #FFBF00;
vertical-align: middle;
display: table-cell;
position: relative;
......
theme/backtop.css
View file @ fd6f3926
......@@ -254,7 +254,7 @@
width: 40px;
height: 40px;
border-radius: 50%;
color: #000000;
color: #0994DC;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
......
theme/badge.css
View file @ fd6f3926
......@@ -253,7 +253,7 @@
vertical-align: middle;
display: inline-block; }
.el-badge__content {
background-color: #F56C6C;
background-color: #FF3D33;
border-radius: 10px;
color: #FFFFFF;
display: inline-block;
......@@ -279,12 +279,12 @@
right: 0;
border-radius: 50%; }
.el-badge__content--primary {
background-color: #000000; }
background-color: #0994DC; }
.el-badge__content--success {
background-color: #67C23A; }
background-color: #4EC87C; }
.el-badge__content--warning {
background-color: #E6A23C; }
background-color: #FFA533; }
.el-badge__content--info {
background-color: #909399; }
background-color: #FFBF00; }
.el-badge__content--danger {
background-color: #F56C6C; }
background-color: #FF3D33; }
theme/breadcrumb.css
View file @ fd6f3926
......@@ -260,7 +260,7 @@
.el-breadcrumb__separator {
margin: 0 9px;
font-weight: bold;
color: #C0C4CC; }
color: #CCCCCC; }
.el-breadcrumb__separator[class*=icon] {
margin: 0 6px;
font-weight: normal; }
......@@ -275,7 +275,7 @@
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #303133; }
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
color: #000000;
color: #0994DC;
cursor: pointer; }
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
......
theme/button.css
View file @ fd6f3926
This diff is collapsed.
theme/calendar.css
View file @ fd6f3926
This diff is collapsed.
theme/carousel.css
View file @ fd6f3926
......@@ -310,7 +310,7 @@
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
opacity: 0.64; }
.el-carousel__indicators--outside button {
background-color: #C0C4CC;
background-color: #CCCCCC;
opacity: 0.24; }
.el-carousel__indicators--labels {
left: 0;
......
theme/cascader-panel.css
View file @ fd6f3926
......@@ -641,7 +641,7 @@
line-height: normal;
height: 40px; }
.el-checkbox.is-bordered.is-checked {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox.is-bordered.is-disabled {
border-color: #EBEEF5;
cursor: not-allowed; }
......@@ -697,38 +697,38 @@
cursor: not-allowed; }
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
cursor: not-allowed;
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
cursor: not-allowed; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #F2F6FC;
border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
background-color: #F2F6FC;
border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
background-color: #C0C4CC;
border-color: #C0C4CC; }
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #000000;
border-color: #000000; }
background-color: #0994DC;
border-color: #0994DC; }
.el-checkbox__input.is-checked .el-checkbox__inner::after {
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1); }
.el-checkbox__input.is-checked + .el-checkbox__label {
color: #000000; }
color: #0994DC; }
.el-checkbox__input.is-focus {
/*focus时 视觉上区分*/ }
.el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #000000;
border-color: #000000; }
background-color: #0994DC;
border-color: #0994DC; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
content: '';
position: absolute;
......@@ -756,7 +756,7 @@
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
.el-checkbox__inner:hover {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox__inner::after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
......@@ -819,13 +819,13 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
padding: 10px 18px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 12px 20px; }
padding: 10px 18px; }
.el-checkbox-button__inner:hover {
color: #000000; }
color: #0994DC; }
.el-checkbox-button__inner [class*="el-icon-"] {
line-height: 0.9; }
.el-checkbox-button__inner [class*="el-icon-"] + span {
......@@ -838,49 +838,49 @@
z-index: -1; }
.el-checkbox-button.is-checked .el-checkbox-button__inner {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
-webkit-box-shadow: -1px 0 0 0 #666666;
box-shadow: -1px 0 0 0 #666666; }
background-color: #0994DC;
border-color: #0994DC;
-webkit-box-shadow: -1px 0 0 0 #6bbfea;
box-shadow: -1px 0 0 0 #6bbfea; }
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
border-left-color: #000000; }
border-left-color: #0994DC; }
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
background-color: #FFFFFF;
border-color: #EBEEF5;
background-color: #F8F8F8;
border-color: #EBEBEB;
-webkit-box-shadow: none;
box-shadow: none; }
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
border-left-color: #EBEEF5; }
border-left-color: #EBEBEB; }
.el-checkbox-button:first-child .el-checkbox-button__inner {
border-left: 1px solid #DCDFE6;
border-radius: 4px 0 0 4px;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.el-checkbox-button.is-focus .el-checkbox-button__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 4px 4px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 10px 20px;
padding: 8px 18px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
padding: 8px 18px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 7px 13px;
font-size: 12px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 7px 13px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
padding: 5px 13px;
font-size: 12px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 7px 15px; }
padding: 5px 13px; }
.el-checkbox-group {
font-size: 0; }
......@@ -1277,7 +1277,7 @@
box-sizing: border-box;
height: 40px; }
.el-radio.is-bordered.is-checked {
border-color: #000000; }
border-color: #0994DC; }
.el-radio.is-bordered.is-disabled {
cursor: not-allowed;
border-color: #EBEEF5; }
......@@ -1333,20 +1333,20 @@
background-color: #F5F7FA;
border-color: #E4E7ED; }
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #C0C4CC; }
background-color: #CCCCCC; }
.el-radio__input.is-disabled + span.el-radio__label {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-radio__input.is-checked .el-radio__inner {
border-color: #000000;
background: #000000; }
border-color: #0994DC;
background: #0994DC; }
.el-radio__input.is-checked .el-radio__inner::after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.el-radio__input.is-checked + .el-radio__label {
color: #000000; }
color: #0994DC; }
.el-radio__input.is-focus .el-radio__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-radio__inner {
border: 1px solid #DCDFE6;
border-radius: 100%;
......@@ -1359,7 +1359,7 @@
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-radio__inner:hover {
border-color: #000000; }
border-color: #0994DC; }
.el-radio__inner::after {
width: 4px;
height: 4px;
......@@ -1388,8 +1388,8 @@
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
/*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
-webkit-box-shadow: 0 0 2px 2px #000000;
box-shadow: 0 0 2px 2px #000000; }
-webkit-box-shadow: 0 0 2px 2px #0994DC;
box-shadow: 0 0 2px 2px #0994DC; }
.el-radio__label {
font-size: 14px;
padding-left: 10px; }
......@@ -1735,7 +1735,7 @@
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #C0C4CC; }
color: #CCCCCC; }
.el-cascader-node {
position: relative;
......@@ -1752,14 +1752,14 @@
.el-cascader-node.is-selectable.in-active-path {
color: #606266; }
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
color: #000000;
color: #0994DC;
font-weight: bold; }
.el-cascader-node:not(.is-disabled) {
cursor: pointer; }
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
background: #F5F7FA; }
.el-cascader-node.is-disabled {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-cascader-node__prefix {
position: absolute;
......
theme/cascader.css
View file @ fd6f3926
This diff is collapsed.
theme/checkbox.css
View file @ fd6f3926
......@@ -391,7 +391,7 @@
line-height: normal;
height: 40px; }
.el-checkbox.is-bordered.is-checked {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox.is-bordered.is-disabled {
border-color: #EBEEF5;
cursor: not-allowed; }
......@@ -447,38 +447,38 @@
cursor: not-allowed; }
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
cursor: not-allowed;
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
cursor: not-allowed; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
background-color: #F2F6FC;
border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
background-color: #F2F6FC;
border-color: #DCDFE6; }
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
background-color: #C0C4CC;
border-color: #C0C4CC; }
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #000000;
border-color: #000000; }
background-color: #0994DC;
border-color: #0994DC; }
.el-checkbox__input.is-checked .el-checkbox__inner::after {
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1); }
.el-checkbox__input.is-checked + .el-checkbox__label {
color: #000000; }
color: #0994DC; }
.el-checkbox__input.is-focus {
/*focus时 视觉上区分*/ }
.el-checkbox__input.is-focus .el-checkbox__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #000000;
border-color: #000000; }
background-color: #0994DC;
border-color: #0994DC; }
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
content: '';
position: absolute;
......@@ -506,7 +506,7 @@
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
.el-checkbox__inner:hover {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox__inner::after {
-webkit-box-sizing: content-box;
box-sizing: content-box;
......@@ -569,13 +569,13 @@
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
padding: 12px 20px;
padding: 10px 18px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button__inner.is-round {
padding: 12px 20px; }
padding: 10px 18px; }
.el-checkbox-button__inner:hover {
color: #000000; }
color: #0994DC; }
.el-checkbox-button__inner [class*="el-icon-"] {
line-height: 0.9; }
.el-checkbox-button__inner [class*="el-icon-"] + span {
......@@ -588,49 +588,49 @@
z-index: -1; }
.el-checkbox-button.is-checked .el-checkbox-button__inner {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
-webkit-box-shadow: -1px 0 0 0 #666666;
box-shadow: -1px 0 0 0 #666666; }
background-color: #0994DC;
border-color: #0994DC;
-webkit-box-shadow: -1px 0 0 0 #6bbfea;
box-shadow: -1px 0 0 0 #6bbfea; }
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
border-left-color: #000000; }
border-left-color: #0994DC; }
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
background-color: #FFFFFF;
border-color: #EBEEF5;
background-color: #F8F8F8;
border-color: #EBEBEB;
-webkit-box-shadow: none;
box-shadow: none; }
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
border-left-color: #EBEEF5; }
border-left-color: #EBEBEB; }
.el-checkbox-button:first-child .el-checkbox-button__inner {
border-left: 1px solid #DCDFE6;
border-radius: 4px 0 0 4px;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.el-checkbox-button.is-focus .el-checkbox-button__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-checkbox-button:last-child .el-checkbox-button__inner {
border-radius: 0 4px 4px 0; }
.el-checkbox-button--medium .el-checkbox-button__inner {
padding: 10px 20px;
padding: 8px 18px;
font-size: 14px;
border-radius: 0; }
.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
padding: 10px 20px; }
padding: 8px 18px; }
.el-checkbox-button--small .el-checkbox-button__inner {
padding: 9px 15px;
padding: 7px 13px;
font-size: 12px;
border-radius: 0; }
.el-checkbox-button--small .el-checkbox-button__inner.is-round {
padding: 9px 15px; }
padding: 7px 13px; }
.el-checkbox-button--mini .el-checkbox-button__inner {
padding: 7px 15px;
padding: 5px 13px;
font-size: 12px;
border-radius: 0; }
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
padding: 7px 15px; }
padding: 5px 13px; }
.el-checkbox-group {
font-size: 0; }
theme/collapse.css
View file @ fd6f3926
......@@ -521,7 +521,7 @@
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.el-collapse-item__header.focusing:focus:not(:hover) {
color: #000000; }
color: #0994DC; }
.el-collapse-item__header.is-active {
border-bottom-color: transparent; }
......
theme/color-picker.css
View file @ fd6f3926
......@@ -273,8 +273,8 @@
.el-color-predefine__color-selector:nth-child(10n + 1) {
margin-left: 0; }
.el-color-predefine__color-selector.selected {
-webkit-box-shadow: 0 0 3px 2px #000000;
box-shadow: 0 0 3px 2px #000000; }
-webkit-box-shadow: 0 0 3px 2px #0994DC;
box-shadow: 0 0 3px 2px #0994DC; }
.el-color-predefine__color-selector > div {
display: -webkit-box;
display: -ms-flexbox;
......@@ -423,16 +423,16 @@
color: #cccccc;
cursor: not-allowed; }
.el-color-dropdown__btn:hover {
color: #000000;
border-color: #000000; }
color: #0994DC;
border-color: #0994DC; }
.el-color-dropdown__link-btn {
cursor: pointer;
color: #000000;
color: #0994DC;
text-decoration: none;
padding: 15px;
font-size: 12px; }
.el-color-dropdown__link-btn:hover {
color: tint(#000000, 20%); }
color: tint(#0994DC, 20%); }
.el-color-picker {
display: inline-block;
......
theme/date-picker.css
View file @ fd6f3926
This diff is collapsed.
theme/dialog.css
View file @ fd6f3926
......@@ -576,9 +576,9 @@
cursor: pointer;
font-size: 16px; }
.el-dialog__headerbtn .el-dialog__close {
color: #909399; }
color: #FFBF00; }
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
color: #000000; }
color: #0994DC; }
.el-dialog__title {
line-height: 24px;
font-size: 18px;
......
theme/dropdown.css
View file @ fd6f3926
This diff is collapsed.
theme/form.css
View file @ fd6f3926
......@@ -333,7 +333,7 @@
.el-form-item__content .el-input-group {
vertical-align: top; }
.el-form-item__error {
color: #F56C6C;
color: #FF3D33;
font-size: 12px;
line-height: 1;
padding-top: 4px;
......@@ -349,16 +349,16 @@
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
content: '*';
color: #F56C6C;
color: #FF3D33;
margin-right: 4px; }
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
border-color: transparent; }
.el-form-item.is-error .el-input__validateIcon {
color: #F56C6C; }
color: #FF3D33; }
.el-form-item--feedback .el-input__validateIcon {
display: inline-block; }
theme/image.css
View file @ fd6f3926
......@@ -279,7 +279,7 @@
align-items: center;
font-size: 14px;
background: #F5F7FA;
color: #C0C4CC;
color: #CCCCCC;
vertical-align: middle; }
.el-image__preview {
cursor: pointer; }
......
theme/index.css
View file @ fd6f3926
This diff is collapsed.
theme/input-number.css
View file @ fd6f3926
......@@ -521,20 +521,20 @@
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-textarea__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-textarea .el-input__count {
color: #909399;
color: #FFBF00;
background: #FFFFFF;
position: absolute;
font-size: 12px;
......@@ -543,20 +543,20 @@
.el-textarea.is-disabled .el-textarea__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-exceed .el-textarea__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-textarea.is-exceed .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input {
position: relative;
......@@ -580,7 +580,7 @@
background: #fff;
width: 6px; }
.el-input .el-input__clear {
color: #C0C4CC;
color: #CCCCCC;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -595,7 +595,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
color: #FFBF00;
font-size: 12px; }
.el-input .el-input__count .el-input__count-inner {
background: #FFFFFF;
......@@ -621,25 +621,25 @@
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
.el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-input__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none; }
......@@ -651,7 +651,7 @@
left: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s; }
.el-input__icon {
......@@ -671,26 +671,26 @@
pointer-events: none; }
.el-input.is-active .el-input__inner {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__icon {
cursor: not-allowed; }
.el-input.is-exceed .el-input__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input--suffix .el-input__inner {
padding-right: 30px; }
.el-input--prefix .el-input__inner {
......@@ -728,7 +728,7 @@
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F5F7FA;
color: #909399;
color: #FFBF00;
vertical-align: middle;
display: table-cell;
position: relative;
......@@ -807,11 +807,11 @@
cursor: pointer;
font-size: 13px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #000000; }
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
border-color: #000000; }
border-color: #0994DC; }
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input-number__increase {
right: 1px;
......
theme/input.css
View file @ fd6f3926
......@@ -271,20 +271,20 @@
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-textarea__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-textarea .el-input__count {
color: #909399;
color: #FFBF00;
background: #FFFFFF;
position: absolute;
font-size: 12px;
......@@ -293,20 +293,20 @@
.el-textarea.is-disabled .el-textarea__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-exceed .el-textarea__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-textarea.is-exceed .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input {
position: relative;
......@@ -330,7 +330,7 @@
background: #fff;
width: 6px; }
.el-input .el-input__clear {
color: #C0C4CC;
color: #CCCCCC;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -345,7 +345,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
color: #FFBF00;
font-size: 12px; }
.el-input .el-input__count .el-input__count-inner {
background: #FFFFFF;
......@@ -371,25 +371,25 @@
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
.el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-input__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none; }
......@@ -401,7 +401,7 @@
left: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s; }
.el-input__icon {
......@@ -421,26 +421,26 @@
pointer-events: none; }
.el-input.is-active .el-input__inner {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__icon {
cursor: not-allowed; }
.el-input.is-exceed .el-input__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input--suffix .el-input__inner {
padding-right: 30px; }
.el-input--prefix .el-input__inner {
......@@ -478,7 +478,7 @@
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F5F7FA;
color: #909399;
color: #FFBF00;
vertical-align: middle;
display: table-cell;
position: relative;
......
theme/link.css
View file @ fd6f3926
......@@ -277,7 +277,7 @@
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid #000000; }
border-bottom: 1px solid #0994DC; }
.el-link.is-disabled {
cursor: not-allowed; }
.el-link [class*="el-icon-"] + span {
......@@ -285,58 +285,58 @@
.el-link.el-link--default {
color: #606266; }
.el-link.el-link--default:hover {
color: #000000; }
color: #0994DC; }
.el-link.el-link--default:after {
border-color: #000000; }
border-color: #0994DC; }
.el-link.el-link--default.is-disabled {
color: #C0C4CC; }
color: #CCCCCC; }
.el-link.el-link--primary {
color: #000000; }
color: #0994DC; }
.el-link.el-link--primary:hover {
color: #333333; }
color: #3aa9e3; }
.el-link.el-link--primary:after {
border-color: #000000; }
border-color: #0994DC; }
.el-link.el-link--primary.is-disabled {
color: gray; }
color: #84caee; }
.el-link.el-link--primary.is-underline:hover:after {
border-color: #000000; }
border-color: #0994DC; }
.el-link.el-link--danger {
color: #F56C6C; }
color: #FF3D33; }
.el-link.el-link--danger:hover {
color: #f78989; }
color: #ff645c; }
.el-link.el-link--danger:after {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-link.el-link--danger.is-disabled {
color: #fab6b6; }
color: #ff9e99; }
.el-link.el-link--danger.is-underline:hover:after {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-link.el-link--success {
color: #67C23A; }
color: #4EC87C; }
.el-link.el-link--success:hover {
color: #85ce61; }
color: #71d396; }
.el-link.el-link--success:after {
border-color: #67C23A; }
border-color: #4EC87C; }
.el-link.el-link--success.is-disabled {
color: #b3e19d; }
color: #a7e4be; }
.el-link.el-link--success.is-underline:hover:after {
border-color: #67C23A; }
border-color: #4EC87C; }
.el-link.el-link--warning {
color: #E6A23C; }
color: #FFA533; }
.el-link.el-link--warning:hover {
color: #ebb563; }
color: #ffb75c; }
.el-link.el-link--warning:after {
border-color: #E6A23C; }
border-color: #FFA533; }
.el-link.el-link--warning.is-disabled {
color: #f3d19e; }
color: #ffd299; }
.el-link.el-link--warning.is-underline:hover:after {
border-color: #E6A23C; }
border-color: #FFA533; }
.el-link.el-link--info {
color: #909399; }
color: #FFBF00; }
.el-link.el-link--info:hover {
color: #a6a9ad; }
color: #ffcc33; }
.el-link.el-link--info:after {
border-color: #909399; }
border-color: #FFBF00; }
.el-link.el-link--info.is-disabled {
color: #c8c9cc; }
color: #ffdf80; }
.el-link.el-link--info.is-underline:hover:after {
border-color: #909399; }
border-color: #FFBF00; }
theme/loading.css
View file @ fd6f3926
......@@ -280,7 +280,7 @@
text-align: center;
position: absolute; }
.el-loading-spinner .el-loading-text {
color: #000000;
color: #0994DC;
margin: 3px 0;
font-size: 14px; }
.el-loading-spinner .circular {
......@@ -294,10 +294,10 @@
stroke-dasharray: 90, 150;
stroke-dashoffset: 0;
stroke-width: 2;
stroke: #000000;
stroke: #0994DC;
stroke-linecap: round; }
.el-loading-spinner i {
color: #000000; }
color: #0994DC; }
.el-loading-fade-enter,
.el-loading-fade-leave-active {
......
theme/menu.css
View file @ fd6f3926
......@@ -520,7 +520,7 @@
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
color: #303133; }
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
border-bottom: 2px solid #000000;
border-bottom: 2px solid #0994DC;
color: #303133; }
.el-menu--horizontal > .el-submenu .el-submenu__title {
height: 60px;
......@@ -550,7 +550,7 @@
outline: none;
color: #303133; }
.el-menu--horizontal > .el-menu-item.is-active {
border-bottom: 2px solid #000000;
border-bottom: 2px solid #0994DC;
color: #303133; }
.el-menu--collapse {
width: 64px; }
......@@ -623,7 +623,7 @@
color: #909399; }
.el-menu-item:hover, .el-menu-item:focus {
outline: none;
background-color: #e6e6e6; }
background-color: #e6f4fc; }
.el-menu-item.is-disabled {
opacity: 0.25;
cursor: not-allowed;
......@@ -635,7 +635,7 @@
font-size: 18px;
vertical-align: middle; }
.el-menu-item.is-active {
color: #000000; }
color: #0994DC; }
.el-menu-item.is-active i {
color: inherit; }
......@@ -663,13 +663,13 @@
color: #909399; }
.el-submenu__title:hover, .el-submenu__title:focus {
outline: none;
background-color: #e6e6e6; }
background-color: #e6f4fc; }
.el-submenu__title.is-disabled {
opacity: 0.25;
cursor: not-allowed;
background: none !important; }
.el-submenu__title:hover {
background-color: #e6e6e6; }
background-color: #e6f4fc; }
.el-submenu .el-menu {
border: none; }
.el-submenu .el-menu-item {
......@@ -688,7 +688,7 @@
transition: transform .3s, -webkit-transform .3s;
font-size: 12px; }
.el-submenu.is-active .el-submenu__title {
border-bottom-color: #000000; }
border-bottom-color: #0994DC; }
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg); }
......
theme/message-box.css
View file @ fd6f3926
This diff is collapsed.
theme/message.css
View file @ fd6f3926
......@@ -283,22 +283,22 @@
.el-message p {
margin: 0; }
.el-message--info .el-message__content {
color: #909399; }
color: #FFBF00; }
.el-message--success {
background-color: #f0f9eb;
border-color: #e1f3d8; }
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-message--success .el-message__content {
color: #67C23A; }
color: #4EC87C; }
.el-message--warning {
background-color: #fdf6ec;
border-color: #faecd8; }
background-color: #fff6eb;
border-color: #ffedd6; }
.el-message--warning .el-message__content {
color: #E6A23C; }
color: #FFA533; }
.el-message--error {
background-color: #fef0f0;
border-color: #fde2e2; }
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-message--error .el-message__content {
color: #F56C6C; }
color: #FF3D33; }
.el-message__icon {
margin-right: 10px; }
.el-message__content {
......@@ -314,20 +314,20 @@
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
color: #C0C4CC;
color: #CCCCCC;
font-size: 16px; }
.el-message__closeBtn:focus {
outline-width: 0; }
.el-message__closeBtn:hover {
color: #909399; }
.el-message .el-icon-success {
color: #67C23A; }
color: #4EC87C; }
.el-message .el-icon-error {
color: #F56C6C; }
color: #FF3D33; }
.el-message .el-icon-info {
color: #909399; }
color: #FFBF00; }
.el-message .el-icon-warning {
color: #E6A23C; }
color: #FFA533; }
.el-message-fade-enter,
.el-message-fade-leave-active {
......
theme/notification.css
View file @ fd6f3926
......@@ -301,13 +301,13 @@
.el-notification__closeBtn:hover {
color: #606266; }
.el-notification .el-icon-success {
color: #67C23A; }
color: #4EC87C; }
.el-notification .el-icon-error {
color: #F56C6C; }
color: #FF3D33; }
.el-notification .el-icon-info {
color: #909399; }
color: #FFBF00; }
.el-notification .el-icon-warning {
color: #E6A23C; }
color: #FFA533; }
.el-notification-fade-enter.right {
right: 0;
......
theme/option-group.css
View file @ fd6f3926
......@@ -270,7 +270,7 @@
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
color: #909399;
color: #FFBF00;
line-height: 30px; }
.el-select-group .el-select-dropdown__item {
padding-left: 20px; }
theme/option.css
View file @ fd6f3926
......@@ -262,12 +262,12 @@
box-sizing: border-box;
cursor: pointer; }
.el-select-dropdown__item.is-disabled {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-select-dropdown__item.is-disabled:hover {
background-color: #FFFFFF; }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #F5F7FA; }
.el-select-dropdown__item.selected {
color: #000000;
color: #0994DC;
font-weight: bold; }
theme/pagination.css
View file @ fd6f3926
This diff is collapsed.
theme/progress.css
View file @ fd6f3926
......@@ -285,17 +285,17 @@
padding-right: 0;
margin-right: 0; }
.el-progress.is-success .el-progress-bar__inner {
background-color: #67C23A; }
background-color: #4EC87C; }
.el-progress.is-success .el-progress__text {
color: #67C23A; }
color: #4EC87C; }
.el-progress.is-warning .el-progress-bar__inner {
background-color: #E6A23C; }
background-color: #FFA533; }
.el-progress.is-warning .el-progress__text {
color: #E6A23C; }
color: #FFA533; }
.el-progress.is-exception .el-progress-bar__inner {
background-color: #F56C6C; }
background-color: #FF3D33; }
.el-progress.is-exception .el-progress__text {
color: #F56C6C; }
color: #FF3D33; }
.el-progress-bar {
padding-right: 50px;
......@@ -317,7 +317,7 @@
left: 0;
top: 0;
height: 100%;
background-color: #000000;
background-color: #0994DC;
text-align: right;
border-radius: 100px;
line-height: 1;
......
theme/radio-button.css
View file @ fd6f3926
......@@ -393,13 +393,13 @@
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 12px 20px;
padding: 10px 18px;
font-size: 14px;
border-radius: 0; }
.el-radio-button__inner.is-round {
padding: 12px 20px; }
padding: 10px 18px; }
.el-radio-button__inner:hover {
color: #000000; }
color: #0994DC; }
.el-radio-button__inner [class*="el-icon-"] {
line-height: 0.9; }
.el-radio-button__inner [class*="el-icon-"] + span {
......@@ -416,16 +416,16 @@
z-index: -1; }
.el-radio-button__orig-radio:checked + .el-radio-button__inner {
color: #FFFFFF;
background-color: #000000;
border-color: #000000;
-webkit-box-shadow: -1px 0 0 0 #000000;
box-shadow: -1px 0 0 0 #000000; }
background-color: #0994DC;
border-color: #0994DC;
-webkit-box-shadow: -1px 0 0 0 #0994DC;
box-shadow: -1px 0 0 0 #0994DC; }
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
background-color: #FFFFFF;
border-color: #EBEEF5;
background-color: #F8F8F8;
border-color: #EBEBEB;
-webkit-box-shadow: none;
box-shadow: none; }
.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
......@@ -435,24 +435,24 @@
.el-radio-button:first-child:last-child .el-radio-button__inner {
border-radius: 4px; }
.el-radio-button--medium .el-radio-button__inner {
padding: 10px 20px;
padding: 8px 18px;
font-size: 14px;
border-radius: 0; }
.el-radio-button--medium .el-radio-button__inner.is-round {
padding: 10px 20px; }
padding: 8px 18px; }
.el-radio-button--small .el-radio-button__inner {
padding: 9px 15px;
padding: 7px 13px;
font-size: 12px;
border-radius: 0; }
.el-radio-button--small .el-radio-button__inner.is-round {
padding: 9px 15px; }
padding: 7px 13px; }
.el-radio-button--mini .el-radio-button__inner {
padding: 7px 15px;
padding: 5px 13px;
font-size: 12px;
border-radius: 0; }
.el-radio-button--mini .el-radio-button__inner.is-round {
padding: 7px 15px; }
padding: 5px 13px; }
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
/*获得焦点时 样式提醒*/
-webkit-box-shadow: 0 0 2px 2px #000000;
box-shadow: 0 0 2px 2px #000000; }
-webkit-box-shadow: 0 0 2px 2px #0994DC;
box-shadow: 0 0 2px 2px #0994DC; }
theme/radio.css
View file @ fd6f3926
......@@ -391,7 +391,7 @@
box-sizing: border-box;
height: 40px; }
.el-radio.is-bordered.is-checked {
border-color: #000000; }
border-color: #0994DC; }
.el-radio.is-bordered.is-disabled {
cursor: not-allowed;
border-color: #EBEEF5; }
......@@ -447,20 +447,20 @@
background-color: #F5F7FA;
border-color: #E4E7ED; }
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #C0C4CC; }
background-color: #CCCCCC; }
.el-radio__input.is-disabled + span.el-radio__label {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-radio__input.is-checked .el-radio__inner {
border-color: #000000;
background: #000000; }
border-color: #0994DC;
background: #0994DC; }
.el-radio__input.is-checked .el-radio__inner::after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.el-radio__input.is-checked + .el-radio__label {
color: #000000; }
color: #0994DC; }
.el-radio__input.is-focus .el-radio__inner {
border-color: #000000; }
border-color: #0994DC; }
.el-radio__inner {
border: 1px solid #DCDFE6;
border-radius: 100%;
......@@ -473,7 +473,7 @@
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-radio__inner:hover {
border-color: #000000; }
border-color: #0994DC; }
.el-radio__inner::after {
width: 4px;
height: 4px;
......@@ -502,8 +502,8 @@
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
/*获得焦点时 样式提醒*/ }
.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
-webkit-box-shadow: 0 0 2px 2px #000000;
box-shadow: 0 0 2px 2px #000000; }
-webkit-box-shadow: 0 0 2px 2px #0994DC;
box-shadow: 0 0 2px 2px #0994DC; }
.el-radio__label {
font-size: 14px;
padding-left: 10px; }
theme/rate.css
View file @ fd6f3926
......@@ -263,7 +263,7 @@
display: inline-block;
font-size: 18px;
margin-right: 6px;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: .3s;
transition: .3s; }
.el-rate__icon.hover {
......
theme/reset.css
View file @ fd6f3926
......@@ -127,12 +127,12 @@ body {
-webkit-font-smoothing: antialiased; }
a {
color: #000000;
color: #0994DC;
text-decoration: none; }
a:hover, a:focus {
color: #333333; }
color: #3aa9e3; }
a:active {
color: black; }
color: #0885c6; }
h1, h2, h3, h4, h5, h6 {
color: #606266;
......
theme/select-dropdown.css
View file @ fd6f3926
......@@ -589,7 +589,7 @@
box-sizing: border-box;
margin: 5px 0; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #000000;
color: #0994DC;
background-color: #FFFFFF; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: #F5F7FA; }
......
theme/select.css
View file @ fd6f3926
This diff is collapsed.
theme/slider.css
View file @ fd6f3926
......@@ -651,20 +651,20 @@
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-textarea__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-textarea .el-input__count {
color: #909399;
color: #FFBF00;
background: #FFFFFF;
position: absolute;
font-size: 12px;
......@@ -673,20 +673,20 @@
.el-textarea.is-disabled .el-textarea__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-disabled .el-textarea__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-textarea.is-exceed .el-textarea__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-textarea.is-exceed .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input {
position: relative;
......@@ -710,7 +710,7 @@
background: #fff;
width: 6px; }
.el-input .el-input__clear {
color: #C0C4CC;
color: #CCCCCC;
font-size: 14px;
cursor: pointer;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
......@@ -725,7 +725,7 @@
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #909399;
color: #FFBF00;
font-size: 12px; }
.el-input .el-input__count .el-input__count-inner {
background: #FFFFFF;
......@@ -751,25 +751,25 @@
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
.el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input__inner:hover {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-input__inner:focus {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input__suffix {
position: absolute;
height: 100%;
right: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s;
pointer-events: none; }
......@@ -781,7 +781,7 @@
left: 5px;
top: 0;
text-align: center;
color: #C0C4CC;
color: #CCCCCC;
-webkit-transition: all .3s;
transition: all .3s; }
.el-input__icon {
......@@ -801,26 +801,26 @@
pointer-events: none; }
.el-input.is-active .el-input__inner {
outline: none;
border-color: #000000; }
border-color: #0994DC; }
.el-input.is-disabled .el-input__inner {
background-color: #F5F7FA;
border-color: #E4E7ED;
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-moz-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__inner::placeholder {
color: #C0C4CC; }
color: #CCCCCC; }
.el-input.is-disabled .el-input__icon {
cursor: not-allowed; }
.el-input.is-exceed .el-input__inner {
border-color: #F56C6C; }
border-color: #FF3D33; }
.el-input.is-exceed .el-input__suffix .el-input__count {
color: #F56C6C; }
color: #FF3D33; }
.el-input--suffix .el-input__inner {
padding-right: 30px; }
.el-input--prefix .el-input__inner {
......@@ -858,7 +858,7 @@
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F5F7FA;
color: #909399;
color: #FFBF00;
vertical-align: middle;
display: table-cell;
position: relative;
......@@ -937,11 +937,11 @@
cursor: pointer;
font-size: 13px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #000000; }
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
border-color: #000000; }
border-color: #0994DC; }
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
color: #C0C4CC;
color: #CCCCCC;
cursor: not-allowed; }
.el-input-number__increase {
right: 1px;
......@@ -1506,9 +1506,9 @@
.el-slider__runway.disabled {
cursor: default; }
.el-slider__runway.disabled .el-slider__bar {
background-color: #C0C4CC; }
background-color: #CCCCCC; }
.el-slider__runway.disabled .el-slider__button {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-slider__runway.disabled .el-slider__button-wrapper:hover, .el-slider__runway.disabled .el-slider__button-wrapper.hover {
cursor: not-allowed; }
.el-slider__runway.disabled .el-slider__button-wrapper.dragging {
......@@ -1534,7 +1534,7 @@
.el-slider__bar {
height: 6px;
background-color: #000000;
background-color: #0994DC;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
position: absolute; }
......@@ -1572,7 +1572,7 @@
.el-slider__button {
width: 16px;
height: 16px;
border: solid 2px #000000;
border: solid 2px #0994DC;
background-color: #FFFFFF;
border-radius: 50%;
-webkit-transition: .2s;
......@@ -1610,7 +1610,7 @@
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 14px;
color: #909399;
color: #FFBF00;
margin-top: 15px; }
.el-slider.is-vertical {
......@@ -1666,10 +1666,10 @@
border-bottom-right-radius: 0; }
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
border-color: #C0C4CC; }
border-color: #CCCCCC; }
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
border-color: #000000; }
border-color: #0994DC; }
.el-slider.is-vertical .el-slider__marks-text {
margin-top: 0;
left: 15px;
......
theme/step.css
View file @ fd6f3926
......@@ -271,17 +271,17 @@
color: #303133;
border-color: #303133; }
.el-step__head.is-wait {
color: #C0C4CC;
border-color: #C0C4CC; }
color: #CCCCCC;
border-color: #CCCCCC; }
.el-step__head.is-success {
color: #67C23A;
border-color: #67C23A; }
color: #4EC87C;
border-color: #4EC87C; }
.el-step__head.is-error {
color: #F56C6C;
border-color: #F56C6C; }
color: #FF3D33;
border-color: #FF3D33; }
.el-step__head.is-finish {
color: #000000;
border-color: #000000; }
color: #0994DC;
border-color: #0994DC; }
.el-step__icon {
position: relative;
z-index: 1;
......@@ -327,7 +327,7 @@
.el-step__line {
position: absolute;
border-color: inherit;
background-color: #C0C4CC; }
background-color: #CCCCCC; }
.el-step__line-inner {
display: block;
border-width: 1px;
......@@ -349,13 +349,13 @@
font-weight: bold;
color: #303133; }
.el-step__title.is-wait {
color: #C0C4CC; }
color: #CCCCCC; }
.el-step__title.is-success {
color: #67C23A; }
color: #4EC87C; }
.el-step__title.is-error {
color: #F56C6C; }
color: #FF3D33; }
.el-step__title.is-finish {
color: #000000; }
color: #0994DC; }
.el-step__description {
padding-right: 10%;
margin-top: -5px;
......@@ -365,13 +365,13 @@
.el-step__description.is-process {
color: #303133; }
.el-step__description.is-wait {
color: #C0C4CC; }
color: #CCCCCC; }
.el-step__description.is-success {
color: #67C23A; }
color: #4EC87C; }
.el-step__description.is-error {
color: #F56C6C; }
color: #FF3D33; }
.el-step__description.is-finish {
color: #000000; }
color: #0994DC; }
.el-step.is-horizontal {
display: inline-block; }
.el-step.is-horizontal .el-step__line {
......@@ -470,7 +470,7 @@
position: absolute;
height: 15px;
width: 1px;
background: #C0C4CC; }
background: #CCCCCC; }
.el-step.is-simple .el-step__arrow::before {
-webkit-transform: rotate(-45deg) translateY(-4px);
transform: rotate(-45deg) translateY(-4px);
......
theme/switch.css
View file @ fd6f3926
This diff is collapsed.
theme/table-column.css
View file @ fd6f3926
This diff is collapsed.
theme/table.css
View file @ fd6f3926
This diff is collapsed.
theme/tabs.css
View file @ fd6f3926
This diff is collapsed.
theme/tag.css
View file @ fd6f3926
This diff is collapsed.
theme/time-picker.css
View file @ fd6f3926
This diff is collapsed.
theme/time-select.css
View file @ fd6f3926
This diff is collapsed.
theme/timeline-item.css
View file @ fd6f3926
This diff is collapsed.
theme/transfer.css
View file @ fd6f3926
This diff is collapsed.
theme/tree.css
View file @ fd6f3926
This diff is collapsed.
theme/upload.css
View file @ fd6f3926
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment