Skip to content

S
style_tool
Commit 9a1f08dd authored by 刘安琪's avatar 刘安琪
Browse files
Options

Merge branch 'htcloud' of http://114.115.168.181/yuguangyang/style_tool into htcloud

parents da046b26 5aab36f0
Hide whitespace changes
Inline Side-by-side
Showing with 953 additions and 980 deletions
node_module/element-theme-chalk/src/breadcrumb.scss
View file @ 9a1f08dd
...@@ -6,12 +6,18 @@ ...@@ -6,12 +6,18 @@
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
@include utils-clearfix; @include utils-clearfix;
& i.el-icon-location{
font-size:20px;
color:#1A56a8;
float:left;
margin-top:-3px;
margin-right:12px;
}
@include e(separator) { @include e(separator) {
margin: 0 9px; margin: 0 9px;
font-weight: bold; font-weight: bold;
color: $--color-text-placeholder; color: $--color-text-placeholder;
&[class*=icon] { &[class*=icon] {
margin: 0 6px; margin: 0 6px;
font-weight: normal; font-weight: normal;
...@@ -25,14 +31,15 @@ ...@@ -25,14 +31,15 @@
color: $--color-text-regular; color: $--color-text-regular;
&.is-link, & a { &.is-link, & a {
font-weight: bold; font-weight: normal;
text-decoration: none; text-decoration: none;
transition: $--color-transition-base; transition: $--color-transition-base;
color: $--color-text-primary; color: $--color-text-primary;
&:hover { &:hover {
color: $--color-primary; color: $--color-primary-hover;
cursor: pointer; cursor: pointer;
text-decoration: underline;
} }
} }
} }
......
node_module/element-theme-chalk/src/message-box.scss
View file @ 9a1f08dd
...@@ -78,6 +78,7 @@ ...@@ -78,6 +78,7 @@
padding: 0px $--msgbox-padding-primary; padding: 0px $--msgbox-padding-primary;
color: $--messagebox-content-color; color: $--messagebox-content-color;
font-size: $--messagebox-content-font-size; font-size: $--messagebox-content-font-size;
position: relative;
} }
@include e(container) { @include e(container) {
......
node_module/element-theme-chalk/src/tabs.scss
View file @ 9a1f08dd
...@@ -2,6 +2,11 @@ ...@@ -2,6 +2,11 @@
@import "common/var"; @import "common/var";
@include b(tabs) { @include b(tabs) {
border: 1px solid #D7D8D9;
border-radius: 3px;
> .el-tabs__content {
padding: 0 8px 8px 8px;
}
@include e(header) { @include e(header) {
padding: 0; padding: 0;
position: relative; position: relative;
...@@ -10,12 +15,13 @@ ...@@ -10,12 +15,13 @@
@include e(active-bar) { @include e(active-bar) {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: -16px;
height: 2px; height: 2px;
background-color: $--color-primary; background-color: $--color-primary;
z-index: 1; z-index: 1;
transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1);
list-style: none; list-style: none;
padding:0 16px;
} }
@include e(new-tab) { @include e(new-tab) {
float: right; float: right;
...@@ -50,7 +56,7 @@ ...@@ -50,7 +56,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 2px; height: 1px;
background-color: $--border-color-light; background-color: $--border-color-light;
z-index: $--index-normal; z-index: $--index-normal;
} }
...@@ -93,17 +99,16 @@ ...@@ -93,17 +99,16 @@
} }
} }
@include e(item) { @include e(item) {
padding: 0 20px; padding: 0 24px;
height: 40px; height: 48px;
box-sizing: border-box; box-sizing: border-box;
line-height: 40px; line-height: 48px;
display: inline-block; display: inline-block;
list-style: none; list-style: none;
font-size: 14px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: $--color-text-primary; color: $--color-text-regular;
position: relative; position: relative;
&:focus, &:focus:active { &:focus, &:focus:active {
outline: none; outline: none;
} }
...@@ -255,14 +260,14 @@ ...@@ -255,14 +260,14 @@
} }
} }
@include m((top, bottom)) { @include m((top, bottom)) {
.el-tabs__item.is-top:nth-child(2), // .el-tabs__item.is-top:nth-child(2),
.el-tabs__item.is-bottom:nth-child(2) { // .el-tabs__item.is-bottom:nth-child(2) {
padding-left: 0; // padding-left: 0;
} // }
.el-tabs__item.is-top:last-child, // .el-tabs__item.is-top:last-child,
.el-tabs__item.is-bottom:last-child { // .el-tabs__item.is-bottom:last-child {
padding-right: 0; // padding-right: 0;
} // }
&.el-tabs--border-card, &.el-tabs--card, &.el-tabs--border-card, &.el-tabs--card,
.el-tabs--left, .el-tabs--right { .el-tabs--left, .el-tabs--right {
......
theme/breadcrumb.css
View file @ 9a1f08dd
...@@ -271,6 +271,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -271,6 +271,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: ""; } content: ""; }
.el-breadcrumb::after { .el-breadcrumb::after {
clear: both; } clear: both; }
.el-breadcrumb i.el-icon-location {
font-size: 20px;
color: #1A56a8;
float: left;
margin-top: -3px;
margin-right: 12px; }
.el-breadcrumb__separator { .el-breadcrumb__separator {
margin: 0 9px; margin: 0 9px;
font-weight: bold; font-weight: bold;
...@@ -283,14 +289,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -283,14 +289,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-breadcrumb__inner { .el-breadcrumb__inner {
color: #666666; } color: #666666; }
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
font-weight: bold; font-weight: normal;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #333333; } color: #333333; }
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
color: #0994DC; color: #0885C6;
cursor: pointer; } cursor: pointer;
text-decoration: underline; }
.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, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
......
theme/date-picker.css
View file @ 9a1f08dd
...@@ -1979,7 +1979,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1979,7 +1979,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -2027,7 +2027,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2027,7 +2027,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
...@@ -2251,12 +2251,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2251,12 +2251,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 16px; } padding: 16px 16px 4px 16px; }
.el-date-range-picker__content.is-left { .el-date-range-picker__content.is-left {
border-right: 1px solid #e4e4e4; } border-right: 1px solid #e4e4e4; }
.el-date-range-picker__content .el-date-range-picker__header div { .el-date-range-picker__content .el-date-range-picker__header div {
margin-left: 50px; margin-left: 50px;
margin-right: 50px; } margin-right: 50px;
color: #333; }
.el-date-range-picker__editors-wrap { .el-date-range-picker__editors-wrap {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
......
theme/dialog.css
View file @ 9a1f08dd
...@@ -591,12 +591,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -591,12 +591,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
overflow: auto; overflow: auto;
margin: 0; } margin: 0; }
.el-dialog__header { .el-dialog__header {
padding: 24px; padding: 16px;
padding-bottom: 10px; } padding-bottom: 8px;
padding-top: 8px; }
.el-dialog__headerbtn { .el-dialog__headerbtn {
position: absolute; position: absolute;
top: 24px; top: 16px;
right: 24px; right: 12px;
padding: 0; padding: 0;
background: transparent; background: transparent;
border: none; border: none;
...@@ -604,24 +605,36 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -604,24 +605,36 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
font-size: 16px; } font-size: 16px; }
.el-dialog__headerbtn .el-dialog__close { .el-dialog__headerbtn .el-dialog__close {
color: #00BBF2; } color: #999999; }
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
color: #0994DC; } color: #0994DC; }
.el-dialog__title { .el-dialog__title {
line-height: 24px; line-height: 36px;
height: 36px;
font-size: 18px; font-size: 18px;
color: #333333; } color: #333333; }
.el-dialog__body { .el-dialog__body {
padding: 34px 24px; padding: 8px 24px;
color: #666666; color: #666666;
font-size: 14px; font-size: 14px;
word-break: break-all; } word-break: break-all; }
.el-dialog__footer { .el-dialog__footer {
padding: 24px; padding: 24px;
padding-top: 10px; padding-top: 24px;
padding-right: 16px;
text-align: right; text-align: right;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-dialog__footer button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC; }
.el-dialog__footer button:nth-child(1):focus, .el-dialog__footer button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-dialog__footer button:nth-child(2) {
margin-left: 8px; }
.el-dialog--center { .el-dialog--center {
text-align: center; } text-align: center; }
.el-dialog--center .el-dialog__body { .el-dialog--center .el-dialog__body {
......
theme/index.css
View file @ 9a1f08dd
...@@ -5249,12 +5249,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -5249,12 +5249,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
overflow: auto; overflow: auto;
margin: 0; } margin: 0; }
.el-dialog__header { .el-dialog__header {
padding: 24px; padding: 16px;
padding-bottom: 10px; } padding-bottom: 8px;
padding-top: 8px; }
.el-dialog__headerbtn { .el-dialog__headerbtn {
position: absolute; position: absolute;
top: 24px; top: 16px;
right: 24px; right: 12px;
padding: 0; padding: 0;
background: transparent; background: transparent;
border: none; border: none;
...@@ -5262,24 +5263,36 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -5262,24 +5263,36 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer; cursor: pointer;
font-size: 16px; } font-size: 16px; }
.el-dialog__headerbtn .el-dialog__close { .el-dialog__headerbtn .el-dialog__close {
color: #00BBF2; } color: #999999; }
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
color: #0994DC; } color: #0994DC; }
.el-dialog__title { .el-dialog__title {
line-height: 24px; line-height: 36px;
height: 36px;
font-size: 18px; font-size: 18px;
color: #333333; } color: #333333; }
.el-dialog__body { .el-dialog__body {
padding: 34px 24px; padding: 8px 24px;
color: #666666; color: #666666;
font-size: 14px; font-size: 14px;
word-break: break-all; } word-break: break-all; }
.el-dialog__footer { .el-dialog__footer {
padding: 24px; padding: 24px;
padding-top: 10px; padding-top: 24px;
padding-right: 16px;
text-align: right; text-align: right;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-dialog__footer button:nth-child(1) {
color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC; }
.el-dialog__footer button:nth-child(1):focus, .el-dialog__footer button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-dialog__footer button:nth-child(2) {
margin-left: 8px; }
.el-dialog--center { .el-dialog--center {
text-align: center; } text-align: center; }
.el-dialog--center .el-dialog__body { .el-dialog--center .el-dialog__body {
...@@ -18455,7 +18468,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -18455,7 +18468,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-table thead { .el-table thead {
color: #333333; } color: #333333; }
.el-table thead th { .el-table thead th {
font-weight: 600; } font-weight: 500; }
.el-table thead.is-group th { .el-table thead.is-group th {
background: #F6F6F6; } background: #F6F6F6; }
.el-table th, .el-table td { .el-table th, .el-table td {
...@@ -22180,7 +22193,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22180,7 +22193,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -22228,7 +22241,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22228,7 +22241,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
...@@ -22452,12 +22465,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -22452,12 +22465,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
margin: 0; margin: 0;
padding: 16px; } padding: 16px 16px 4px 16px; }
.el-date-range-picker__content.is-left { .el-date-range-picker__content.is-left {
border-right: 1px solid #e4e4e4; } border-right: 1px solid #e4e4e4; }
.el-date-range-picker__content .el-date-range-picker__header div { .el-date-range-picker__content .el-date-range-picker__header div {
margin-left: 50px; margin-left: 50px;
margin-right: 50px; } margin-right: 50px;
color: #333; }
.el-date-range-picker__editors-wrap { .el-date-range-picker__editors-wrap {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
...@@ -25234,7 +25248,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -25234,7 +25248,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -25282,7 +25296,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -25282,7 +25296,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
...@@ -26829,7 +26843,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -26829,7 +26843,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -26877,7 +26891,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -26877,7 +26891,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
...@@ -31537,14 +31551,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31537,14 +31551,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box { .el-message-box {
display: inline-block; display: inline-block;
width: 420px; width: 420px;
padding-bottom: 10px; padding-bottom: 24px;
vertical-align: middle; vertical-align: middle;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 6px; border-radius: 6px;
border: 1px solid #EBEBEB; border: 1px solid #EBEBEB;
font-size: 18px; font-size: 18px;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
...@@ -31564,18 +31578,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31564,18 +31578,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle; } vertical-align: middle; }
.el-message-box__header { .el-message-box__header {
position: relative; position: relative;
padding: 24px; padding: 16px;
padding-bottom: 10px; } padding-bottom: 8px;
padding-top: 8px; }
.el-message-box__title { .el-message-box__title {
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
font-size: 18px; font-size: 18px;
line-height: 1; line-height: 36px;
height: 36px;
color: #333333; } color: #333333; }
.el-message-box__headerbtn { .el-message-box__headerbtn {
position: absolute; position: absolute;
top: 24px; top: 16px;
right: 24px; right: 12px;
padding: 0; padding: 0;
border: none; border: none;
outline: none; outline: none;
...@@ -31583,17 +31599,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31583,17 +31599,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 16px; font-size: 16px;
cursor: pointer; } cursor: pointer; }
.el-message-box__headerbtn .el-message-box__close { .el-message-box__headerbtn .el-message-box__close {
color: #00BBF2; } color: #999999; }
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
color: #0994DC; } color: #0994DC; }
.el-message-box__content { .el-message-box__content {
padding: 10px 24px; padding: 0px 24px;
color: #333333; color: #333333;
font-size: 14px; } font-size: 14px; }
.el-message-box__container { .el-message-box__container {
position: relative; } position: relative; }
.el-message-box__input { .el-message-box__input {
padding-top: 15px; } padding-top: 8px; }
.el-message-box__input input.invalid { .el-message-box__input input.invalid {
border-color: #FF3D33; } border-color: #FF3D33; }
.el-message-box__input input.invalid:focus { .el-message-box__input input.invalid:focus {
...@@ -31607,8 +31623,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31607,8 +31623,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__status::before { .el-message-box__status::before {
padding-left: 1px; } padding-left: 1px; }
.el-message-box__status + .el-message-box__message { .el-message-box__status + .el-message-box__message {
padding-left: 36px; padding-left: 32px;
padding-right: 12px; } padding-right: 8px; }
.el-message-box__status.el-icon-success { .el-message-box__status.el-icon-success {
color: #4EC87C; } color: #4EC87C; }
.el-message-box__status.el-icon-info { .el-message-box__status.el-icon-info {
...@@ -31628,10 +31644,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31628,10 +31644,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
min-height: 18px; min-height: 18px;
margin-top: 2px; } margin-top: 2px; }
.el-message-box__btns { .el-message-box__btns {
padding: 5px 15px 0; padding: 24px 16px 0;
text-align: right; } text-align: right; }
.el-message-box__btns button:nth-child(2) { .el-message-box__btns button:nth-child(1) {
margin-left: 10px; } color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC;
float: right;
margin-left: 8px; }
.el-message-box__btns button:nth-child(1):focus, .el-message-box__btns button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-message-box__btns-reverse { .el-message-box__btns-reverse {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
...@@ -31988,6 +32012,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -31988,6 +32012,12 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: ""; } content: ""; }
.el-breadcrumb::after { .el-breadcrumb::after {
clear: both; } clear: both; }
.el-breadcrumb i.el-icon-location {
font-size: 20px;
color: #1A56a8;
float: left;
margin-top: -3px;
margin-right: 12px; }
.el-breadcrumb__separator { .el-breadcrumb__separator {
margin: 0 9px; margin: 0 9px;
font-weight: bold; font-weight: bold;
...@@ -32000,14 +32030,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -32000,14 +32030,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-breadcrumb__inner { .el-breadcrumb__inner {
color: #666666; } color: #666666; }
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
font-weight: bold; font-weight: normal;
text-decoration: none; text-decoration: none;
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
color: #333333; } color: #333333; }
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
color: #0994DC; color: #0885C6;
cursor: pointer; } cursor: pointer;
text-decoration: underline; }
.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, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
...@@ -32660,449 +32691,398 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -32660,449 +32691,398 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/ --------------------------*/
/* Break-point /* Break-point
--------------------------*/ --------------------------*/
.el-tabs__header { .el-tabs {
padding: 0; border: 1px solid #D7D8D9;
position: relative; border-radius: 3px; }
margin: 0 0 15px; } .el-tabs > .el-tabs__content {
padding: 0 8px 8px 8px; }
.el-tabs__active-bar { .el-tabs__header {
position: absolute; padding: 0;
bottom: 0; position: relative;
left: 0; margin: 0 0 15px; }
height: 2px; .el-tabs__active-bar {
background-color: #0994DC;
z-index: 1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none; }
.el-tabs__new-tab {
float: right;
border: 1px solid #d3dce6;
height: 18px;
width: 18px;
line-height: 18px;
margin: 12px 0 9px 10px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #d3dce6;
cursor: pointer;
-webkit-transition: all .15s;
transition: all .15s; }
.el-tabs__new-tab .el-icon-plus {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
.el-tabs__new-tab:hover {
color: #0994DC; }
.el-tabs__nav-wrap {
overflow: hidden;
margin-bottom: -1px;
position: relative; }
.el-tabs__nav-wrap::after {
content: "";
position: absolute; position: absolute;
left: 0;
bottom: 0; bottom: 0;
width: 100%; left: -16px;
height: 2px; height: 2px;
background-color: #D0D0D0; background-color: #0994DC;
z-index: 1; } z-index: 1;
.el-tabs__nav-wrap.is-scrollable { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 0 20px; transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-box-sizing: border-box; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
box-sizing: border-box; } transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none;
.el-tabs__nav-scroll { padding: 0 16px; }
overflow: hidden; } .el-tabs__new-tab {
float: right;
.el-tabs__nav-next, .el-tabs__nav-prev { border: 1px solid #d3dce6;
position: absolute; height: 18px;
cursor: pointer; width: 18px;
line-height: 44px; line-height: 18px;
font-size: 12px; margin: 12px 0 9px 10px;
color: #999999; } border-radius: 3px;
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
float: left;
z-index: 2; }
.el-tabs__nav.is-stretch {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.el-tabs__nav.is-stretch > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 20px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: #333333;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
.el-tabs__item:focus.is-active.is-focus:not(:active) {
-webkit-box-shadow: 0 0 2px 2px #0994DC inset;
box-shadow: 0 0 2px 2px #0994DC inset;
border-radius: 3px; }
.el-tabs__item .el-icon-close {
border-radius: 50%;
text-align: center; text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 12px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #d3dce6;
margin-left: 5px; } cursor: pointer;
.el-tabs__item .el-icon-close:before { -webkit-transition: all .15s;
-webkit-transform: scale(0.9); transition: all .15s; }
transform: scale(0.9); .el-tabs__new-tab .el-icon-plus {
display: inline-block; } -webkit-transform: scale(0.8, 0.8);
.el-tabs__item .el-icon-close:hover { transform: scale(0.8, 0.8); }
background-color: #CCCCCC; .el-tabs__new-tab:hover {
color: #FFFFFF; }
.el-tabs__item.is-active {
color: #0994DC; }
.el-tabs__item:hover {
color: #0994DC;
cursor: pointer; }
.el-tabs__item.is-disabled {
color: #CCCCCC;
cursor: default; }
.el-tabs__content {
overflow: hidden;
position: relative; }
.el-tabs--card > .el-tabs__header {
border-bottom: 1px solid #D0D0D0; }
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border: 1px solid #D0D0D0;
border-bottom: none;
border-radius: 4px 4px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
display: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
height: 14px;
vertical-align: middle;
line-height: 15px;
overflow: hidden;
top: -1px;
right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
padding-left: 13px;
padding-right: 13px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
width: 14px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #FFFFFF; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
padding-left: 20px;
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
.el-tabs--border-card > .el-tabs__content {
padding: 15px; }
.el-tabs--border-card > .el-tabs__header {
background-color: #F6F6F6;
border-bottom: 1px solid #D0D0D0;
margin: 0; }
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
-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);
border: 1px solid transparent;
margin-top: -1px;
color: #999999; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
color: #0994DC;
background-color: #FFFFFF;
border-right-color: #E4E4E4;
border-left-color: #E4E4E4; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: #0994DC; } color: #0994DC; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { .el-tabs__nav-wrap {
color: #CCCCCC; } overflow: hidden;
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-bottom: -1px;
margin-left: 0; } position: relative; }
.el-tabs__nav-wrap::after {
.el-tabs--top .el-tabs__item.is-top:nth-child(2), content: "";
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), position: absolute;
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { left: 0;
padding-left: 0; } bottom: 0;
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
padding-right: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
height: 100%; }
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
top: 0;
bottom: auto;
width: 2px;
height: auto; }
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-bottom: 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
height: 30px;
line-height: 30px;
width: 100%; width: 100%;
height: 1px;
background-color: #D0D0D0;
z-index: 1; }
.el-tabs__nav-wrap.is-scrollable {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs__nav-scroll {
overflow: hidden; }
.el-tabs__nav-next, .el-tabs__nav-prev {
position: absolute;
cursor: pointer;
line-height: 44px;
font-size: 12px;
color: #999999; }
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
float: left;
z-index: 2; }
.el-tabs__nav.is-stretch {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.el-tabs__nav.is-stretch > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 24px;
height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 16px;
font-weight: 500;
color: #666666;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
.el-tabs__item:focus.is-active.is-focus:not(:active) {
-webkit-box-shadow: 0 0 2px 2px #0994DC inset;
box-shadow: 0 0 2px 2px #0994DC inset;
border-radius: 3px; }
.el-tabs__item .el-icon-close {
border-radius: 50%;
text-align: center; text-align: center;
-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);
margin-left: 5px; }
.el-tabs__item .el-icon-close:before {
-webkit-transform: scale(0.9);
transform: scale(0.9);
display: inline-block; }
.el-tabs__item .el-icon-close:hover {
background-color: #CCCCCC;
color: #FFFFFF; }
.el-tabs__item.is-active {
color: #0994DC; }
.el-tabs__item:hover {
color: #0994DC;
cursor: pointer; } cursor: pointer; }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs__item.is-disabled {
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, color: #CCCCCC;
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, cursor: default; }
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs__content {
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, overflow: hidden;
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, position: relative; }
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i { .el-tabs--card > .el-tabs__header {
-webkit-transform: rotateZ(90deg); border-bottom: 1px solid #D0D0D0; }
transform: rotateZ(90deg); } .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, content: none; }
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--card > .el-tabs__header .el-tabs__nav {
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { border: 1px solid #D0D0D0;
left: auto; border-bottom: none;
top: 0; } border-radius: 4px 4px 0 0;
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -webkit-box-sizing: border-box;
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, box-sizing: border-box; }
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { .el-tabs--card > .el-tabs__header .el-tabs__active-bar {
right: auto; display: none; }
bottom: 0; } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, position: relative;
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, font-size: 12px;
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { width: 0;
padding: 30px 0; } height: 14px;
.el-tabs--left .el-tabs__nav-wrap.is-left::after, vertical-align: middle;
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, line-height: 15px;
.el-tabs--right .el-tabs__nav-wrap.is-right::after { overflow: hidden;
height: 100%; top: -1px;
width: 2px; right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
padding-left: 13px;
padding-right: 13px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
width: 14px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #FFFFFF; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
padding-left: 20px;
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
.el-tabs--border-card > .el-tabs__content {
padding: 15px; }
.el-tabs--border-card > .el-tabs__header {
background-color: #F6F6F6;
border-bottom: 1px solid #D0D0D0;
margin: 0; }
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
-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);
border: 1px solid transparent;
margin-top: -1px;
color: #999999; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
color: #0994DC;
background-color: #FFFFFF;
border-right-color: #E4E4E4;
border-left-color: #E4E4E4; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: #0994DC; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
color: #CCCCCC; }
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
margin-left: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
height: 100%; }
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
top: 0;
bottom: auto; bottom: auto;
top: 0; } width: 2px;
.el-tabs--left .el-tabs__nav.is-left, height: auto; }
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav.is-right { .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
float: none; } .el-tabs--right .el-tabs__nav-wrap.is-right {
.el-tabs--left .el-tabs__item.is-left, margin-bottom: 0; }
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__item.is-right { .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
display: block; } .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__header.is-left { .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
float: left; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
margin-bottom: 0; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
margin-right: 10px; } height: 30px;
line-height: 30px;
.el-tabs--left .el-tabs__nav-wrap.is-left { width: 100%;
margin-right: -1px; } text-align: center;
.el-tabs--left .el-tabs__nav-wrap.is-left::after { cursor: pointer; }
left: auto; .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
right: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__active-bar.is-left { .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
right: 0; .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
left: auto; } .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
.el-tabs--left .el-tabs__item.is-left { -webkit-transform: rotateZ(90deg);
text-align: right; } transform: rotateZ(90deg); }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
display: none; } .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
left: auto;
.el-tabs--left.el-tabs--card .el-tabs__item.is-left { top: 0; }
border-left: none; .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
border-right: 1px solid #D0D0D0; .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
border-bottom: none; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
border-top: 1px solid #D0D0D0; right: auto;
text-align: left; } bottom: 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
border-right: 1px solid #D0D0D0; .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
border-top: none; } padding: 30px 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
border: 1px solid #D0D0D0; .el-tabs--right .el-tabs__nav-wrap.is-right::after {
border-right-color: #fff; height: 100%;
border-left: none; width: 2px;
border-bottom: none; } bottom: auto;
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { top: 0; }
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
float: none; }
.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
display: block; }
.el-tabs--left .el-tabs__header.is-left {
float: left;
margin-bottom: 0;
margin-right: 10px; }
.el-tabs--left .el-tabs__nav-wrap.is-left {
margin-right: -1px; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
left: auto;
right: 0; }
.el-tabs--left .el-tabs__active-bar.is-left {
right: 0;
left: auto; }
.el-tabs--left .el-tabs__item.is-left {
text-align: right; }
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
display: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
border-left: none;
border-right: 1px solid #D0D0D0;
border-bottom: none;
border-top: 1px solid #D0D0D0;
text-align: left; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
border-right: 1px solid #D0D0D0;
border-top: none; } border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
border: 1px solid #D0D0D0;
border-right-color: #fff;
border-left: none;
border-bottom: none; } border-bottom: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
.el-tabs--left.el-tabs--card .el-tabs__nav { border-top: none; }
border-radius: 4px 0 0 4px; .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
border-bottom: 1px solid #D0D0D0; border-bottom: none; }
border-right: none; } .el-tabs--left.el-tabs--card .el-tabs__nav {
border-radius: 4px 0 0 4px;
.el-tabs--left.el-tabs--card .el-tabs__new-tab { border-bottom: 1px solid #D0D0D0;
float: none; } border-right: none; }
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { float: none; }
border-right: 1px solid #dfe4ed; } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
border-right: 1px solid #dfe4ed; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
border: 1px solid transparent; border: 1px solid transparent;
margin: -1px 0 -1px -1px; } margin: -1px 0 -1px -1px; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
border-color: transparent; border-color: transparent;
border-top-color: #d1dbe5; border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; } border-bottom-color: #d1dbe5; }
.el-tabs--right .el-tabs__header.is-right {
.el-tabs--right .el-tabs__header.is-right { float: right;
float: right; margin-bottom: 0;
margin-bottom: 0; margin-left: 10px; }
margin-left: 10px; } .el-tabs--right .el-tabs__nav-wrap.is-right {
margin-left: -1px; }
.el-tabs--right .el-tabs__nav-wrap.is-right { .el-tabs--right .el-tabs__nav-wrap.is-right::after {
margin-left: -1px; } left: 0;
.el-tabs--right .el-tabs__nav-wrap.is-right::after { right: auto; }
left: 0; .el-tabs--right .el-tabs__active-bar.is-right {
right: auto; } left: 0; }
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
.el-tabs--right .el-tabs__active-bar.is-right { display: none; }
left: 0; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { border-top: 1px solid #D0D0D0; }
display: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
border-top: 1px solid #D0D0D0; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
border-top: none; } border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
border-bottom: none; } border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
.el-tabs--right.el-tabs--card .el-tabs__nav { border-top: none; }
border-radius: 0 4px 4px 0; .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
border-bottom: 1px solid #D0D0D0; border-bottom: none; }
border-left: none; } .el-tabs--right.el-tabs--card .el-tabs__nav {
border-radius: 0 4px 4px 0;
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #dfe4ed; } border-left: none; }
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border-left: 1px solid #dfe4ed; }
border: 1px solid transparent; .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
margin: -1px -1px -1px 0; } border: 1px solid transparent;
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { margin: -1px -1px -1px 0; }
border-color: transparent; .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
border-top-color: #d1dbe5; border-color: transparent;
border-bottom-color: #d1dbe5; } border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; }
.slideInRight-transition, .slideInRight-transition,
.slideInLeft-transition { .slideInLeft-transition {
...@@ -40358,7 +40338,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -40358,7 +40338,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; } line-height: 1; }
.el-progress__text { .el-progress__text {
font-size: 14px; font-size: 14px;
color: #666666; color: #333333;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 10px; margin-left: 10px;
...@@ -40411,7 +40391,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -40411,7 +40391,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-progress-bar__outer { .el-progress-bar__outer {
height: 6px; height: 8px !important;
border-radius: 100px; border-radius: 100px;
background-color: #EBEBEB; background-color: #EBEBEB;
overflow: hidden; overflow: hidden;
...@@ -41294,7 +41274,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -41294,7 +41274,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; } line-height: 1; }
.el-progress__text { .el-progress__text {
font-size: 14px; font-size: 14px;
color: #666666; color: #333333;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 10px; margin-left: 10px;
...@@ -41347,7 +41327,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -41347,7 +41327,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-progress-bar__outer { .el-progress-bar__outer {
height: 6px; height: 8px !important;
border-radius: 100px; border-radius: 100px;
background-color: #EBEBEB; background-color: #EBEBEB;
overflow: hidden; overflow: hidden;
...@@ -53725,9 +53705,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -53725,9 +53705,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--primary { .el-link.el-link--primary {
color: #0994DC; } color: #0994DC; }
.el-link.el-link--primary:hover { .el-link.el-link--primary:hover {
color: #3aa9e3; } color: #0885C6; }
.el-link.el-link--primary:after { .el-link.el-link--primary:after {
border-color: #0994DC; } border-color: #0885C6; }
.el-link.el-link--primary.is-disabled { .el-link.el-link--primary.is-disabled {
color: #84caee; } color: #84caee; }
.el-link.el-link--primary.is-underline:hover:after { .el-link.el-link--primary.is-underline:hover:after {
...@@ -53735,9 +53715,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -53735,9 +53715,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--danger { .el-link.el-link--danger {
color: #FF3D33; } color: #FF3D33; }
.el-link.el-link--danger:hover { .el-link.el-link--danger:hover {
color: #ff645c; } color: #0885C6; }
.el-link.el-link--danger:after { .el-link.el-link--danger:after {
border-color: #FF3D33; } border-color: #0885C6; }
.el-link.el-link--danger.is-disabled { .el-link.el-link--danger.is-disabled {
color: #ff9e99; } color: #ff9e99; }
.el-link.el-link--danger.is-underline:hover:after { .el-link.el-link--danger.is-underline:hover:after {
...@@ -53745,9 +53725,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -53745,9 +53725,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--success { .el-link.el-link--success {
color: #4EC87C; } color: #4EC87C; }
.el-link.el-link--success:hover { .el-link.el-link--success:hover {
color: #71d396; } color: #0885C6; }
.el-link.el-link--success:after { .el-link.el-link--success:after {
border-color: #4EC87C; } border-color: #0885C6; }
.el-link.el-link--success.is-disabled { .el-link.el-link--success.is-disabled {
color: #a7e4be; } color: #a7e4be; }
.el-link.el-link--success.is-underline:hover:after { .el-link.el-link--success.is-underline:hover:after {
...@@ -53755,9 +53735,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -53755,9 +53735,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--warning { .el-link.el-link--warning {
color: #FFA533; } color: #FFA533; }
.el-link.el-link--warning:hover { .el-link.el-link--warning:hover {
color: #ffb75c; } color: #0885C6; }
.el-link.el-link--warning:after { .el-link.el-link--warning:after {
border-color: #FFA533; } border-color: #0885C6; }
.el-link.el-link--warning.is-disabled { .el-link.el-link--warning.is-disabled {
color: #ffd299; } color: #ffd299; }
.el-link.el-link--warning.is-underline:hover:after { .el-link.el-link--warning.is-underline:hover:after {
...@@ -53765,9 +53745,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -53765,9 +53745,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--info { .el-link.el-link--info {
color: #00BBF2; } color: #00BBF2; }
.el-link.el-link--info:hover { .el-link.el-link--info:hover {
color: #33c9f5; } color: #0885C6; }
.el-link.el-link--info:after { .el-link.el-link--info:after {
border-color: #00BBF2; } border-color: #0885C6; }
.el-link.el-link--info.is-disabled { .el-link.el-link--info.is-disabled {
color: #80ddf9; } color: #80ddf9; }
.el-link.el-link--info.is-underline:hover:after { .el-link.el-link--info.is-underline:hover:after {
theme/link.css
View file @ 9a1f08dd
...@@ -307,9 +307,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -307,9 +307,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--primary { .el-link.el-link--primary {
color: #0994DC; } color: #0994DC; }
.el-link.el-link--primary:hover { .el-link.el-link--primary:hover {
color: #3aa9e3; } color: #0885C6; }
.el-link.el-link--primary:after { .el-link.el-link--primary:after {
border-color: #0994DC; } border-color: #0885C6; }
.el-link.el-link--primary.is-disabled { .el-link.el-link--primary.is-disabled {
color: #84caee; } color: #84caee; }
.el-link.el-link--primary.is-underline:hover:after { .el-link.el-link--primary.is-underline:hover:after {
...@@ -317,9 +317,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -317,9 +317,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--danger { .el-link.el-link--danger {
color: #FF3D33; } color: #FF3D33; }
.el-link.el-link--danger:hover { .el-link.el-link--danger:hover {
color: #ff645c; } color: #0885C6; }
.el-link.el-link--danger:after { .el-link.el-link--danger:after {
border-color: #FF3D33; } border-color: #0885C6; }
.el-link.el-link--danger.is-disabled { .el-link.el-link--danger.is-disabled {
color: #ff9e99; } color: #ff9e99; }
.el-link.el-link--danger.is-underline:hover:after { .el-link.el-link--danger.is-underline:hover:after {
...@@ -327,9 +327,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -327,9 +327,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--success { .el-link.el-link--success {
color: #4EC87C; } color: #4EC87C; }
.el-link.el-link--success:hover { .el-link.el-link--success:hover {
color: #71d396; } color: #0885C6; }
.el-link.el-link--success:after { .el-link.el-link--success:after {
border-color: #4EC87C; } border-color: #0885C6; }
.el-link.el-link--success.is-disabled { .el-link.el-link--success.is-disabled {
color: #a7e4be; } color: #a7e4be; }
.el-link.el-link--success.is-underline:hover:after { .el-link.el-link--success.is-underline:hover:after {
...@@ -337,9 +337,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -337,9 +337,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--warning { .el-link.el-link--warning {
color: #FFA533; } color: #FFA533; }
.el-link.el-link--warning:hover { .el-link.el-link--warning:hover {
color: #ffb75c; } color: #0885C6; }
.el-link.el-link--warning:after { .el-link.el-link--warning:after {
border-color: #FFA533; } border-color: #0885C6; }
.el-link.el-link--warning.is-disabled { .el-link.el-link--warning.is-disabled {
color: #ffd299; } color: #ffd299; }
.el-link.el-link--warning.is-underline:hover:after { .el-link.el-link--warning.is-underline:hover:after {
...@@ -347,9 +347,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -347,9 +347,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--info { .el-link.el-link--info {
color: #00BBF2; } color: #00BBF2; }
.el-link.el-link--info:hover { .el-link.el-link--info:hover {
color: #33c9f5; } color: #0885C6; }
.el-link.el-link--info:after { .el-link.el-link--info:after {
border-color: #00BBF2; } border-color: #0885C6; }
.el-link.el-link--info.is-disabled { .el-link.el-link--info.is-disabled {
color: #80ddf9; } color: #80ddf9; }
.el-link.el-link--info.is-underline:hover:after { .el-link.el-link--info.is-underline:hover:after {
......
theme/message-box.css
View file @ 9a1f08dd
...@@ -1933,14 +1933,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1933,14 +1933,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box { .el-message-box {
display: inline-block; display: inline-block;
width: 420px; width: 420px;
padding-bottom: 10px; padding-bottom: 24px;
vertical-align: middle; vertical-align: middle;
background-color: #FFFFFF; background-color: #FFFFFF;
border-radius: 6px; border-radius: 6px;
border: 1px solid #EBEBEB; border: 1px solid #EBEBEB;
font-size: 18px; font-size: 18px;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
text-align: left; text-align: left;
overflow: hidden; overflow: hidden;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
...@@ -1960,18 +1960,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1960,18 +1960,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle; } vertical-align: middle; }
.el-message-box__header { .el-message-box__header {
position: relative; position: relative;
padding: 24px; padding: 16px;
padding-bottom: 10px; } padding-bottom: 8px;
padding-top: 8px; }
.el-message-box__title { .el-message-box__title {
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
font-size: 18px; font-size: 18px;
line-height: 1; line-height: 36px;
height: 36px;
color: #333333; } color: #333333; }
.el-message-box__headerbtn { .el-message-box__headerbtn {
position: absolute; position: absolute;
top: 24px; top: 16px;
right: 24px; right: 12px;
padding: 0; padding: 0;
border: none; border: none;
outline: none; outline: none;
...@@ -1979,17 +1981,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1979,17 +1981,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
font-size: 16px; font-size: 16px;
cursor: pointer; } cursor: pointer; }
.el-message-box__headerbtn .el-message-box__close { .el-message-box__headerbtn .el-message-box__close {
color: #00BBF2; } color: #999999; }
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close { .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
color: #0994DC; } color: #0994DC; }
.el-message-box__content { .el-message-box__content {
padding: 10px 24px; padding: 0px 24px;
color: #333333; color: #333333;
font-size: 14px; } font-size: 14px; }
.el-message-box__container { .el-message-box__container {
position: relative; } position: relative; }
.el-message-box__input { .el-message-box__input {
padding-top: 15px; } padding-top: 8px; }
.el-message-box__input input.invalid { .el-message-box__input input.invalid {
border-color: #FF3D33; } border-color: #FF3D33; }
.el-message-box__input input.invalid:focus { .el-message-box__input input.invalid:focus {
...@@ -2003,8 +2005,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2003,8 +2005,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-message-box__status::before { .el-message-box__status::before {
padding-left: 1px; } padding-left: 1px; }
.el-message-box__status + .el-message-box__message { .el-message-box__status + .el-message-box__message {
padding-left: 36px; padding-left: 32px;
padding-right: 12px; } padding-right: 8px; }
.el-message-box__status.el-icon-success { .el-message-box__status.el-icon-success {
color: #4EC87C; } color: #4EC87C; }
.el-message-box__status.el-icon-info { .el-message-box__status.el-icon-info {
...@@ -2024,10 +2026,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -2024,10 +2026,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
min-height: 18px; min-height: 18px;
margin-top: 2px; } margin-top: 2px; }
.el-message-box__btns { .el-message-box__btns {
padding: 5px 15px 0; padding: 24px 16px 0;
text-align: right; } text-align: right; }
.el-message-box__btns button:nth-child(2) { .el-message-box__btns button:nth-child(1) {
margin-left: 10px; } color: #999999;
background-color: #FFFFFF;
border-color: #CCCCCC;
float: right;
margin-left: 8px; }
.el-message-box__btns button:nth-child(1):focus, .el-message-box__btns button:nth-child(1):hover {
color: #0885C6;
background-color: #EDF6FC;
border-color: #0885C6; }
.el-message-box__btns-reverse { .el-message-box__btns-reverse {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
......
theme/progress.css
View file @ 9a1f08dd
...@@ -267,7 +267,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -267,7 +267,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; } line-height: 1; }
.el-progress__text { .el-progress__text {
font-size: 14px; font-size: 14px;
color: #666666; color: #333333;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 10px; margin-left: 10px;
...@@ -320,7 +320,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -320,7 +320,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-progress-bar__outer { .el-progress-bar__outer {
height: 6px; height: 8px !important;
border-radius: 100px; border-radius: 100px;
background-color: #EBEBEB; background-color: #EBEBEB;
overflow: hidden; overflow: hidden;
......
theme/table.css
View file @ 9a1f08dd
...@@ -1829,7 +1829,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1829,7 +1829,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-table thead { .el-table thead {
color: #333333; } color: #333333; }
.el-table thead th { .el-table thead th {
font-weight: 600; } font-weight: 500; }
.el-table thead.is-group th { .el-table thead.is-group th {
background: #F6F6F6; } background: #F6F6F6; }
.el-table th, .el-table td { .el-table th, .el-table td {
......
theme/tabs.css
View file @ 9a1f08dd
...@@ -262,449 +262,398 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -262,449 +262,398 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/ --------------------------*/
/* Break-point /* Break-point
--------------------------*/ --------------------------*/
.el-tabs__header { .el-tabs {
padding: 0; border: 1px solid #D7D8D9;
position: relative; border-radius: 3px; }
margin: 0 0 15px; } .el-tabs > .el-tabs__content {
padding: 0 8px 8px 8px; }
.el-tabs__active-bar { .el-tabs__header {
position: absolute; padding: 0;
bottom: 0; position: relative;
left: 0; margin: 0 0 15px; }
height: 2px; .el-tabs__active-bar {
background-color: #0994DC;
z-index: 1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none; }
.el-tabs__new-tab {
float: right;
border: 1px solid #d3dce6;
height: 18px;
width: 18px;
line-height: 18px;
margin: 12px 0 9px 10px;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #d3dce6;
cursor: pointer;
-webkit-transition: all .15s;
transition: all .15s; }
.el-tabs__new-tab .el-icon-plus {
-webkit-transform: scale(0.8, 0.8);
transform: scale(0.8, 0.8); }
.el-tabs__new-tab:hover {
color: #0994DC; }
.el-tabs__nav-wrap {
overflow: hidden;
margin-bottom: -1px;
position: relative; }
.el-tabs__nav-wrap::after {
content: "";
position: absolute; position: absolute;
left: 0;
bottom: 0; bottom: 0;
width: 100%; left: -16px;
height: 2px; height: 2px;
background-color: #D0D0D0; background-color: #0994DC;
z-index: 1; } z-index: 1;
.el-tabs__nav-wrap.is-scrollable { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 0 20px; transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-box-sizing: border-box; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
box-sizing: border-box; } transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
list-style: none;
.el-tabs__nav-scroll { padding: 0 16px; }
overflow: hidden; } .el-tabs__new-tab {
float: right;
.el-tabs__nav-next, .el-tabs__nav-prev { border: 1px solid #d3dce6;
position: absolute; height: 18px;
cursor: pointer; width: 18px;
line-height: 44px; line-height: 18px;
font-size: 12px; margin: 12px 0 9px 10px;
color: #999999; } border-radius: 3px;
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
float: left;
z-index: 2; }
.el-tabs__nav.is-stretch {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.el-tabs__nav.is-stretch > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 20px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 40px;
display: inline-block;
list-style: none;
font-size: 14px;
font-weight: 500;
color: #333333;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
.el-tabs__item:focus.is-active.is-focus:not(:active) {
-webkit-box-shadow: 0 0 2px 2px #0994DC inset;
box-shadow: 0 0 2px 2px #0994DC inset;
border-radius: 3px; }
.el-tabs__item .el-icon-close {
border-radius: 50%;
text-align: center; text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); font-size: 12px;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #d3dce6;
margin-left: 5px; } cursor: pointer;
.el-tabs__item .el-icon-close:before { -webkit-transition: all .15s;
-webkit-transform: scale(0.9); transition: all .15s; }
transform: scale(0.9); .el-tabs__new-tab .el-icon-plus {
display: inline-block; } -webkit-transform: scale(0.8, 0.8);
.el-tabs__item .el-icon-close:hover { transform: scale(0.8, 0.8); }
background-color: #CCCCCC; .el-tabs__new-tab:hover {
color: #FFFFFF; }
.el-tabs__item.is-active {
color: #0994DC; }
.el-tabs__item:hover {
color: #0994DC;
cursor: pointer; }
.el-tabs__item.is-disabled {
color: #CCCCCC;
cursor: default; }
.el-tabs__content {
overflow: hidden;
position: relative; }
.el-tabs--card > .el-tabs__header {
border-bottom: 1px solid #D0D0D0; }
.el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--card > .el-tabs__header .el-tabs__nav {
border: 1px solid #D0D0D0;
border-bottom: none;
border-radius: 4px 4px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
display: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
position: relative;
font-size: 12px;
width: 0;
height: 14px;
vertical-align: middle;
line-height: 15px;
overflow: hidden;
top: -1px;
right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
padding-left: 13px;
padding-right: 13px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
width: 14px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #FFFFFF; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
padding-left: 20px;
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
.el-tabs--border-card > .el-tabs__content {
padding: 15px; }
.el-tabs--border-card > .el-tabs__header {
background-color: #F6F6F6;
border-bottom: 1px solid #D0D0D0;
margin: 0; }
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
-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);
border: 1px solid transparent;
margin-top: -1px;
color: #999999; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
color: #0994DC;
background-color: #FFFFFF;
border-right-color: #E4E4E4;
border-left-color: #E4E4E4; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: #0994DC; } color: #0994DC; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled { .el-tabs__nav-wrap {
color: #CCCCCC; } overflow: hidden;
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child { margin-bottom: -1px;
margin-left: 0; } position: relative; }
.el-tabs__nav-wrap::after {
.el-tabs--top .el-tabs__item.is-top:nth-child(2), content: "";
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), position: absolute;
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) { left: 0;
padding-left: 0; } bottom: 0;
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
padding-right: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
height: 100%; }
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
top: 0;
bottom: auto;
width: 2px;
height: auto; }
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
margin-bottom: 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
height: 30px;
line-height: 30px;
width: 100%; width: 100%;
height: 1px;
background-color: #D0D0D0;
z-index: 1; }
.el-tabs__nav-wrap.is-scrollable {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.el-tabs__nav-scroll {
overflow: hidden; }
.el-tabs__nav-next, .el-tabs__nav-prev {
position: absolute;
cursor: pointer;
line-height: 44px;
font-size: 12px;
color: #999999; }
.el-tabs__nav-next {
right: 0; }
.el-tabs__nav-prev {
left: 0; }
.el-tabs__nav {
white-space: nowrap;
position: relative;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
float: left;
z-index: 2; }
.el-tabs__nav.is-stretch {
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.el-tabs__nav.is-stretch > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center; }
.el-tabs__item {
padding: 0 24px;
height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 48px;
display: inline-block;
list-style: none;
font-size: 16px;
font-weight: 500;
color: #666666;
position: relative; }
.el-tabs__item:focus, .el-tabs__item:focus:active {
outline: none; }
.el-tabs__item:focus.is-active.is-focus:not(:active) {
-webkit-box-shadow: 0 0 2px 2px #0994DC inset;
box-shadow: 0 0 2px 2px #0994DC inset;
border-radius: 3px; }
.el-tabs__item .el-icon-close {
border-radius: 50%;
text-align: center; text-align: center;
-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);
margin-left: 5px; }
.el-tabs__item .el-icon-close:before {
-webkit-transform: scale(0.9);
transform: scale(0.9);
display: inline-block; }
.el-tabs__item .el-icon-close:hover {
background-color: #CCCCCC;
color: #FFFFFF; }
.el-tabs__item.is-active {
color: #0994DC; }
.el-tabs__item:hover {
color: #0994DC;
cursor: pointer; } cursor: pointer; }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs__item.is-disabled {
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, color: #CCCCCC;
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, cursor: default; }
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs__content {
.el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, overflow: hidden;
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, position: relative; }
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i { .el-tabs--card > .el-tabs__header {
-webkit-transform: rotateZ(90deg); border-bottom: 1px solid #D0D0D0; }
transform: rotateZ(90deg); } .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, content: none; }
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--card > .el-tabs__header .el-tabs__nav {
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev { border: 1px solid #D0D0D0;
left: auto; border-bottom: none;
top: 0; } border-radius: 4px 4px 0 0;
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, -webkit-box-sizing: border-box;
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, box-sizing: border-box; }
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next { .el-tabs--card > .el-tabs__header .el-tabs__active-bar {
right: auto; display: none; }
bottom: 0; } .el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, position: relative;
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, font-size: 12px;
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable { width: 0;
padding: 30px 0; } height: 14px;
.el-tabs--left .el-tabs__nav-wrap.is-left::after, vertical-align: middle;
.el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, line-height: 15px;
.el-tabs--right .el-tabs__nav-wrap.is-right::after { overflow: hidden;
height: 100%; top: -1px;
width: 2px; right: -2px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%; }
.el-tabs--card > .el-tabs__header .el-tabs__item {
border-bottom: 1px solid transparent;
border-left: 1px solid #D0D0D0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
border-left: none; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
padding-left: 13px;
padding-right: 13px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
width: 14px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
border-bottom-color: #FFFFFF; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
padding-left: 20px;
padding-right: 20px; }
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
width: 14px; }
.el-tabs--border-card {
background: #FFFFFF;
border: 1px solid #E4E4E4;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }
.el-tabs--border-card > .el-tabs__content {
padding: 15px; }
.el-tabs--border-card > .el-tabs__header {
background-color: #F6F6F6;
border-bottom: 1px solid #D0D0D0;
margin: 0; }
.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after {
content: none; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
-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);
border: 1px solid transparent;
margin-top: -1px;
color: #999999; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
margin-left: -1px; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
color: #0994DC;
background-color: #FFFFFF;
border-right-color: #E4E4E4;
border-left-color: #E4E4E4; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
color: #0994DC; }
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
color: #CCCCCC; }
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
margin-left: 0; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
padding-left: 20px; }
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
padding-right: 20px; }
.el-tabs--bottom .el-tabs__header.is-bottom {
margin-bottom: 0;
margin-top: 10px; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
border-bottom: 0;
border-top: 1px solid #E4E4E4; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
margin-top: -1px;
margin-bottom: 0; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
border: 1px solid transparent; }
.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
margin: 0 -1px -1px -1px; }
.el-tabs--left, .el-tabs--right {
overflow: hidden; }
.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
height: 100%; }
.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
top: 0;
bottom: auto; bottom: auto;
top: 0; } width: 2px;
.el-tabs--left .el-tabs__nav.is-left, height: auto; }
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav.is-right { .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left,
float: none; } .el-tabs--right .el-tabs__nav-wrap.is-right {
.el-tabs--left .el-tabs__item.is-left, margin-bottom: 0; }
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--right .el-tabs__item.is-right { .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
display: block; } .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left .el-tabs__header.is-left { .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
float: left; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev,
margin-bottom: 0; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
margin-right: 10px; } height: 30px;
line-height: 30px;
.el-tabs--left .el-tabs__nav-wrap.is-left { width: 100%;
margin-right: -1px; } text-align: center;
.el-tabs--left .el-tabs__nav-wrap.is-left::after { cursor: pointer; }
left: auto; .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
right: 0; } .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__active-bar.is-left { .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
right: 0; .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
left: auto; } .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
.el-tabs--left .el-tabs__item.is-left { -webkit-transform: rotateZ(90deg);
text-align: right; } transform: rotateZ(90deg); }
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left { .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev,
display: none; } .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
left: auto;
.el-tabs--left.el-tabs--card .el-tabs__item.is-left { top: 0; }
border-left: none; .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
border-right: 1px solid #D0D0D0; .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next,
border-bottom: none; .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
border-top: 1px solid #D0D0D0; right: auto;
text-align: left; } bottom: 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child { .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
border-right: 1px solid #D0D0D0; .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
border-top: none; } padding: 30px 0; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after,
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active { .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after,
border: 1px solid #D0D0D0; .el-tabs--right .el-tabs__nav-wrap.is-right::after {
border-right-color: #fff; height: 100%;
border-left: none; width: 2px;
border-bottom: none; } bottom: auto;
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child { top: 0; }
.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
float: none; }
.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
display: block; }
.el-tabs--left .el-tabs__header.is-left {
float: left;
margin-bottom: 0;
margin-right: 10px; }
.el-tabs--left .el-tabs__nav-wrap.is-left {
margin-right: -1px; }
.el-tabs--left .el-tabs__nav-wrap.is-left::after {
left: auto;
right: 0; }
.el-tabs--left .el-tabs__active-bar.is-left {
right: 0;
left: auto; }
.el-tabs--left .el-tabs__item.is-left {
text-align: right; }
.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
display: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
border-left: none;
border-right: 1px solid #D0D0D0;
border-bottom: none;
border-top: 1px solid #D0D0D0;
text-align: left; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
border-right: 1px solid #D0D0D0;
border-top: none; } border-top: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child { .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
border: 1px solid #D0D0D0;
border-right-color: #fff;
border-left: none;
border-bottom: none; } border-bottom: none; }
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
.el-tabs--left.el-tabs--card .el-tabs__nav { border-top: none; }
border-radius: 4px 0 0 4px; .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
border-bottom: 1px solid #D0D0D0; border-bottom: none; }
border-right: none; } .el-tabs--left.el-tabs--card .el-tabs__nav {
border-radius: 4px 0 0 4px;
.el-tabs--left.el-tabs--card .el-tabs__new-tab { border-bottom: 1px solid #D0D0D0;
float: none; } border-right: none; }
.el-tabs--left.el-tabs--card .el-tabs__new-tab {
.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left { float: none; }
border-right: 1px solid #dfe4ed; } .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
border-right: 1px solid #dfe4ed; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left { .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
border: 1px solid transparent; border: 1px solid transparent;
margin: -1px 0 -1px -1px; } margin: -1px 0 -1px -1px; }
.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active { .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
border-color: transparent; border-color: transparent;
border-top-color: #d1dbe5; border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; } border-bottom-color: #d1dbe5; }
.el-tabs--right .el-tabs__header.is-right {
.el-tabs--right .el-tabs__header.is-right { float: right;
float: right; margin-bottom: 0;
margin-bottom: 0; margin-left: 10px; }
margin-left: 10px; } .el-tabs--right .el-tabs__nav-wrap.is-right {
margin-left: -1px; }
.el-tabs--right .el-tabs__nav-wrap.is-right { .el-tabs--right .el-tabs__nav-wrap.is-right::after {
margin-left: -1px; } left: 0;
.el-tabs--right .el-tabs__nav-wrap.is-right::after { right: auto; }
left: 0; .el-tabs--right .el-tabs__active-bar.is-right {
right: auto; } left: 0; }
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
.el-tabs--right .el-tabs__active-bar.is-right { display: none; }
left: 0; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right { border-top: 1px solid #D0D0D0; }
display: none; } .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
border-bottom: none;
border-top: 1px solid #D0D0D0; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
border-left: 1px solid #D0D0D0;
border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
border-top: none; } border-top: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child { .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
border: 1px solid #D0D0D0;
border-left-color: #fff;
border-right: none;
border-bottom: none; } border-bottom: none; }
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
.el-tabs--right.el-tabs--card .el-tabs__nav { border-top: none; }
border-radius: 0 4px 4px 0; .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
border-bottom: 1px solid #D0D0D0; border-bottom: none; }
border-left: none; } .el-tabs--right.el-tabs--card .el-tabs__nav {
border-radius: 0 4px 4px 0;
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right { border-bottom: 1px solid #D0D0D0;
border-left: 1px solid #dfe4ed; } border-left: none; }
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right { border-left: 1px solid #dfe4ed; }
border: 1px solid transparent; .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
margin: -1px -1px -1px 0; } border: 1px solid transparent;
.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active { margin: -1px -1px -1px 0; }
border-color: transparent; .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
border-top-color: #d1dbe5; border-color: transparent;
border-bottom-color: #d1dbe5; } border-top-color: #d1dbe5;
border-bottom-color: #d1dbe5; }
.slideInRight-transition, .slideInRight-transition,
.slideInLeft-transition { .slideInLeft-transition {
......
theme/time-picker.css
View file @ 9a1f08dd
...@@ -807,7 +807,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -807,7 +807,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -855,7 +855,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -855,7 +855,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
......
theme/time-select.css
View file @ 9a1f08dd
...@@ -1198,7 +1198,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1198,7 +1198,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 28px; line-height: 28px;
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
padding-left: 12px; padding-left: 8px;
text-align: left; text-align: left;
outline: none; outline: none;
cursor: pointer; } cursor: pointer; }
...@@ -1246,7 +1246,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -1246,7 +1246,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-right: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
padding-top: 6px; padding-top: 4px;
background-color: #FFFFFF; background-color: #FFFFFF;
overflow: auto; } overflow: auto; }
......
theme/upload.css
View file @ 9a1f08dd
...@@ -405,7 +405,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -405,7 +405,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
line-height: 1; } line-height: 1; }
.el-progress__text { .el-progress__text {
font-size: 14px; font-size: 14px;
color: #666666; color: #333333;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
margin-left: 10px; margin-left: 10px;
...@@ -458,7 +458,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/ ...@@ -458,7 +458,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; } box-sizing: border-box; }
.el-progress-bar__outer { .el-progress-bar__outer {
height: 6px; height: 8px !important;
border-radius: 100px; border-radius: 100px;
background-color: #EBEBEB; background-color: #EBEBEB;
overflow: hidden; overflow: hidden;
......
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