Skip to content

S
style_tool
Commit 4c167c90 authored by 刘安琪's avatar 刘安琪
Browse files
Options

合并已修改内容css

parent 61d933ea
Show whitespace changes
Inline Side-by-side
Showing with 2667 additions and 2439 deletions
theme/autocomplete.css
View file @ 4c167c90
......@@ -535,7 +535,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -644,7 +644,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -660,7 +660,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -684,7 +686,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -755,14 +757,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -779,21 +780,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -1386,8 +1392,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -1395,73 +1400,64 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
......@@ -1498,9 +1494,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
overflow: hidden;
text-overflow: ellipsis; }
.el-autocomplete-suggestion li:hover {
background-color: #F6F6F6; }
background-color: #EDF6FC; }
.el-autocomplete-suggestion li.highlighted {
background-color: #F6F6F6; }
background-color: #EDF6FC; }
.el-autocomplete-suggestion li.divider {
margin-top: 6px;
border-top: 1px solid #000000; }
......
theme/button.css
View file @ 4c167c90
......@@ -417,31 +417,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin-left: 10px; }
.el-button.is-round {
padding: 10px 16px; }
.el-button:hover, .el-button:focus {
color: #0994DC;
border-color: #b5dff5;
background-color: #e6f4fc; }
.el-button:active {
color: #0885c6;
border-color: #0885c6;
outline: none; }
.el-button::-moz-focus-inner {
border: 0; }
.el-button [class*="el-icon-"] + span {
margin-left: 5px; }
.el-button.is-plain:hover, .el-button.is-plain:focus {
background: #FFFFFF;
border-color: #0994DC;
color: #0994DC; }
.el-button.is-plain:active {
background: #FFFFFF;
border-color: #0885c6;
color: #0885c6;
outline: none; }
.el-button.is-active {
color: #0885c6;
border-color: #0885c6; }
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
.el-button.is-disabled, .el-button.is-disabled:hover {
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
......@@ -449,8 +429,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB; }
.el-button.is-disabled.el-button--text {
background-color: transparent; }
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
background-color: #FFFFFF;
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover {
cursor: not-allowed;
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button.is-loading {
......@@ -472,196 +453,240 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-button.is-circle {
border-radius: 50%;
padding: 10px; }
.el-button--default {
color: #0994DC;
background-color: #FFFFFF;
border-color: #0994DC; }
.el-button--default:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-disabled, .el-button--default.is-disabled:hover, .el-button--default.is-disabled:focus, .el-button--default.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--default.is-plain {
color: #999999;
background: #FFFFFF;
border-color: #E4E4E4; }
.el-button--default.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-plain:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-plain.is-disabled,
.el-button--default.is-plain.is-disabled:hover .el-button--default.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary {
color: #FFFFFF;
background-color: #0994DC;
border-color: #0994DC; }
.el-button--primary:hover, .el-button--primary:focus {
background: #3aa9e3;
border-color: #3aa9e3;
.el-button--primary:hover {
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary:active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF;
outline: none; }
.el-button--primary.is-active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #FFFFFF;
background-color: #84caee;
border-color: #84caee; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary.is-plain {
color: #0994DC;
background: #e6f4fc;
border-color: #9dd4f1; }
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
background: #0994DC;
border-color: #0994DC;
color: #FFFFFF; }
background: #FFFFFF;
border-color: #0994DC; }
.el-button--primary.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--primary.is-plain:active {
background: #0885c6;
border-color: #0885c6;
color: #FFFFFF;
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
color: #6bbfea;
background-color: #e6f4fc;
border-color: #ceeaf8; }
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover .el-button--primary.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success {
color: #FFFFFF;
background-color: #4EC87C;
border-color: #4EC87C; }
.el-button--success:hover, .el-button--success:focus {
background: #71d396;
border-color: #71d396;
.el-button--success:hover {
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success:active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF;
outline: none; }
.el-button--success.is-active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
color: #FFFFFF;
background-color: #a7e4be;
border-color: #a7e4be; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success.is-plain {
color: #4EC87C;
background: #edfaf2;
border-color: #b8e9cb; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
background: #4EC87C;
border-color: #4EC87C;
color: #FFFFFF; }
background: #EBF8F2;
border-color: #CFEFDF; }
.el-button--success.is-plain:hover {
background: #E1F2EA;
border-color: #43C072;
color: #43BF73; }
.el-button--success.is-plain:active {
background: #46b470;
border-color: #46b470;
color: #FFFFFF;
background: #E1F2EA;
border-color: #43C072;
color: #43BF73;
outline: none; }
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
color: #95deb0;
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover .el-button--success.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning {
color: #FFFFFF;
background-color: #FFA533;
border-color: #FFA533; }
.el-button--warning:hover, .el-button--warning:focus {
background: #ffb75c;
border-color: #ffb75c;
.el-button--warning:hover {
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning:active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF;
outline: none; }
.el-button--warning.is-active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
color: #FFFFFF;
background-color: #ffd299;
border-color: #ffd299; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning.is-plain {
color: #FFA533;
background: #fff6eb;
border-color: #ffdbad; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
background: #FFA533;
border-color: #FFA533;
color: #FFFFFF; }
background: #FFF5E6;
border-color: #F8DDC0; }
.el-button--warning.is-plain:hover {
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924; }
.el-button--warning.is-plain:active {
background: #e6952e;
border-color: #e6952e;
color: #FFFFFF;
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924;
outline: none; }
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
color: #ffc985;
background-color: #fff6eb;
border-color: #ffedd6; }
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover .el-button--warning.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger {
color: #FFFFFF;
background-color: #FF3D33;
border-color: #FF3D33; }
.el-button--danger:hover, .el-button--danger:focus {
background: #ff645c;
border-color: #ff645c;
.el-button--danger:hover {
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger:active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF;
outline: none; }
.el-button--danger.is-active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
color: #FFFFFF;
background-color: #ff9e99;
border-color: #ff9e99; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger.is-plain {
color: #FF3D33;
background: #ffeceb;
border-color: #ffb1ad; }
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
background: #FF3D33;
border-color: #FF3D33;
color: #FFFFFF; }
background: #FCEEED;
border-color: #FCDDDC; }
.el-button--danger.is-plain:hover {
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24; }
.el-button--danger.is-plain:active {
background: #e6372e;
border-color: #e6372e;
color: #FFFFFF;
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24;
outline: none; }
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
color: #ff8b85;
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover .el-button--danger.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info {
color: #FFFFFF;
background-color: #00BBF2;
border-color: #00BBF2; }
.el-button--info:hover, .el-button--info:focus {
background: #33c9f5;
border-color: #33c9f5;
.el-button--info:hover {
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info:active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF;
outline: none; }
.el-button--info.is-active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
color: #FFFFFF;
background-color: #80ddf9;
border-color: #80ddf9; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info.is-plain {
color: #00BBF2;
background: #e6f8fe;
border-color: #99e4fa; }
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
background: #00BBF2;
border-color: #00BBF2;
color: #FFFFFF; }
color: #666666;
background: #EAF4FF;
border-color: #D5E8FC; }
.el-button--info.is-plain:hover {
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E; }
.el-button--info.is-plain:active {
background: #00a8da;
border-color: #00a8da;
color: #FFFFFF;
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E;
outline: none; }
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
color: #66d6f7;
background-color: #e6f8fe;
border-color: #ccf1fc; }
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover .el-button--info.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
font-size: 14px;
......
theme/calendar.css
View file @ 4c167c90
......@@ -681,31 +681,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin-left: 10px; }
.el-button.is-round {
padding: 10px 16px; }
.el-button:hover, .el-button:focus {
color: #0994DC;
border-color: #b5dff5;
background-color: #e6f4fc; }
.el-button:active {
color: #0885c6;
border-color: #0885c6;
outline: none; }
.el-button::-moz-focus-inner {
border: 0; }
.el-button [class*="el-icon-"] + span {
margin-left: 5px; }
.el-button.is-plain:hover, .el-button.is-plain:focus {
background: #FFFFFF;
border-color: #0994DC;
color: #0994DC; }
.el-button.is-plain:active {
background: #FFFFFF;
border-color: #0885c6;
color: #0885c6;
outline: none; }
.el-button.is-active {
color: #0885c6;
border-color: #0885c6; }
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
.el-button.is-disabled, .el-button.is-disabled:hover {
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
......@@ -713,8 +693,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB; }
.el-button.is-disabled.el-button--text {
background-color: transparent; }
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
background-color: #FFFFFF;
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover {
cursor: not-allowed;
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button.is-loading {
......@@ -736,196 +717,240 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-button.is-circle {
border-radius: 50%;
padding: 10px; }
.el-button--default {
color: #0994DC;
background-color: #FFFFFF;
border-color: #0994DC; }
.el-button--default:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-disabled, .el-button--default.is-disabled:hover, .el-button--default.is-disabled:focus, .el-button--default.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--default.is-plain {
color: #999999;
background: #FFFFFF;
border-color: #E4E4E4; }
.el-button--default.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-plain:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-plain.is-disabled,
.el-button--default.is-plain.is-disabled:hover .el-button--default.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary {
color: #FFFFFF;
background-color: #0994DC;
border-color: #0994DC; }
.el-button--primary:hover, .el-button--primary:focus {
background: #3aa9e3;
border-color: #3aa9e3;
.el-button--primary:hover {
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary:active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF;
outline: none; }
.el-button--primary.is-active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #FFFFFF;
background-color: #84caee;
border-color: #84caee; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary.is-plain {
color: #0994DC;
background: #e6f4fc;
border-color: #9dd4f1; }
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
background: #0994DC;
border-color: #0994DC;
color: #FFFFFF; }
background: #FFFFFF;
border-color: #0994DC; }
.el-button--primary.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--primary.is-plain:active {
background: #0885c6;
border-color: #0885c6;
color: #FFFFFF;
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
color: #6bbfea;
background-color: #e6f4fc;
border-color: #ceeaf8; }
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover .el-button--primary.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success {
color: #FFFFFF;
background-color: #4EC87C;
border-color: #4EC87C; }
.el-button--success:hover, .el-button--success:focus {
background: #71d396;
border-color: #71d396;
.el-button--success:hover {
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success:active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF;
outline: none; }
.el-button--success.is-active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
color: #FFFFFF;
background-color: #a7e4be;
border-color: #a7e4be; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success.is-plain {
color: #4EC87C;
background: #edfaf2;
border-color: #b8e9cb; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
background: #4EC87C;
border-color: #4EC87C;
color: #FFFFFF; }
background: #EBF8F2;
border-color: #CFEFDF; }
.el-button--success.is-plain:hover {
background: #E1F2EA;
border-color: #43C072;
color: #43BF73; }
.el-button--success.is-plain:active {
background: #46b470;
border-color: #46b470;
color: #FFFFFF;
background: #E1F2EA;
border-color: #43C072;
color: #43BF73;
outline: none; }
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
color: #95deb0;
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover .el-button--success.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning {
color: #FFFFFF;
background-color: #FFA533;
border-color: #FFA533; }
.el-button--warning:hover, .el-button--warning:focus {
background: #ffb75c;
border-color: #ffb75c;
.el-button--warning:hover {
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning:active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF;
outline: none; }
.el-button--warning.is-active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
color: #FFFFFF;
background-color: #ffd299;
border-color: #ffd299; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning.is-plain {
color: #FFA533;
background: #fff6eb;
border-color: #ffdbad; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
background: #FFA533;
border-color: #FFA533;
color: #FFFFFF; }
background: #FFF5E6;
border-color: #F8DDC0; }
.el-button--warning.is-plain:hover {
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924; }
.el-button--warning.is-plain:active {
background: #e6952e;
border-color: #e6952e;
color: #FFFFFF;
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924;
outline: none; }
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
color: #ffc985;
background-color: #fff6eb;
border-color: #ffedd6; }
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover .el-button--warning.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger {
color: #FFFFFF;
background-color: #FF3D33;
border-color: #FF3D33; }
.el-button--danger:hover, .el-button--danger:focus {
background: #ff645c;
border-color: #ff645c;
.el-button--danger:hover {
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger:active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF;
outline: none; }
.el-button--danger.is-active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
color: #FFFFFF;
background-color: #ff9e99;
border-color: #ff9e99; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger.is-plain {
color: #FF3D33;
background: #ffeceb;
border-color: #ffb1ad; }
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
background: #FF3D33;
border-color: #FF3D33;
color: #FFFFFF; }
background: #FCEEED;
border-color: #FCDDDC; }
.el-button--danger.is-plain:hover {
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24; }
.el-button--danger.is-plain:active {
background: #e6372e;
border-color: #e6372e;
color: #FFFFFF;
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24;
outline: none; }
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
color: #ff8b85;
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover .el-button--danger.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info {
color: #FFFFFF;
background-color: #00BBF2;
border-color: #00BBF2; }
.el-button--info:hover, .el-button--info:focus {
background: #33c9f5;
border-color: #33c9f5;
.el-button--info:hover {
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info:active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF;
outline: none; }
.el-button--info.is-active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
color: #FFFFFF;
background-color: #80ddf9;
border-color: #80ddf9; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info.is-plain {
color: #00BBF2;
background: #e6f8fe;
border-color: #99e4fa; }
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
background: #00BBF2;
border-color: #00BBF2;
color: #FFFFFF; }
color: #666666;
background: #EAF4FF;
border-color: #D5E8FC; }
.el-button--info.is-plain:hover {
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E; }
.el-button--info.is-plain:active {
background: #00a8da;
border-color: #00a8da;
color: #FFFFFF;
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E;
outline: none; }
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
color: #66d6f7;
background-color: #e6f8fe;
border-color: #ccf1fc; }
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover .el-button--info.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
font-size: 14px;
......
theme/cascader-panel.css
View file @ 4c167c90
......@@ -747,7 +747,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -800,9 +800,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -822,7 +822,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......@@ -1389,16 +1389,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #F8F8F8;
border-color: #EBEBEB; }
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #CCCCCC; }
border-color: #CCCCCC;
background-color: #F8F8F8; }
.el-radio__input.is-disabled + span.el-radio__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-radio__input.is-checked .el-radio__inner {
border-color: #0994DC;
background: #0994DC; }
.el-radio__input.is-checked .el-radio__inner::after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1); }
.el-radio__input.is-checked + .el-radio__label {
color: #333333; }
.el-radio__input.is-focus .el-radio__inner {
......@@ -1417,20 +1418,25 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio__inner:hover {
border-color: #0885C6; }
.el-radio__inner::after {
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #FFFFFF;
-webkit-box-sizing: content-box;
box-sizing: content-box;
content: "";
border: 1px solid #FFFFFF;
border-left: 0;
border-top: 0;
height: 7px;
left: 5px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform .15s ease-in;
transition: -webkit-transform .15s ease-in;
transition: transform .15s ease-in;
transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
-webkit-transition: -webkit-transform .15s ease-in .05s;
transition: -webkit-transform .15s ease-in .05s;
transition: transform .15s ease-in .05s;
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
-webkit-transform-origin: center;
transform-origin: center; }
.el-radio__original {
opacity: 0;
outline: none;
......@@ -1448,7 +1454,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
box-shadow: 0 0 2px 2px #0885C6; }
.el-radio__label {
font-size: 14px;
padding-left: 10px; }
padding-left: 8px; }
/* BEM support Func
-------------------------- */
......
theme/cascader.css
View file @ 4c167c90
......@@ -536,7 +536,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -645,7 +645,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -661,7 +661,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -685,7 +687,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -756,14 +758,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -780,21 +781,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -1076,8 +1082,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -1085,73 +1090,64 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
......@@ -2380,7 +2376,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -2433,9 +2429,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -2455,7 +2451,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......@@ -3022,16 +3018,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #F8F8F8;
border-color: #EBEBEB; }
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #CCCCCC; }
border-color: #CCCCCC;
background-color: #F8F8F8; }
.el-radio__input.is-disabled + span.el-radio__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-radio__input.is-checked .el-radio__inner {
border-color: #0994DC;
background: #0994DC; }
.el-radio__input.is-checked .el-radio__inner::after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1); }
.el-radio__input.is-checked + .el-radio__label {
color: #333333; }
.el-radio__input.is-focus .el-radio__inner {
......@@ -3050,20 +3047,25 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio__inner:hover {
border-color: #0885C6; }
.el-radio__inner::after {
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #FFFFFF;
-webkit-box-sizing: content-box;
box-sizing: content-box;
content: "";
border: 1px solid #FFFFFF;
border-left: 0;
border-top: 0;
height: 7px;
left: 5px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform .15s ease-in;
transition: -webkit-transform .15s ease-in;
transition: transform .15s ease-in;
transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
-webkit-transition: -webkit-transform .15s ease-in .05s;
transition: -webkit-transform .15s ease-in .05s;
transition: transform .15s ease-in .05s;
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
-webkit-transform-origin: center;
transform-origin: center; }
.el-radio__original {
opacity: 0;
outline: none;
......@@ -3081,7 +3083,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
box-shadow: 0 0 2px 2px #0885C6; }
.el-radio__label {
font-size: 14px;
padding-left: 10px; }
padding-left: 8px; }
/* BEM support Func
-------------------------- */
......
theme/checkbox.css
View file @ 4c167c90
......@@ -483,7 +483,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -536,9 +536,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -558,7 +558,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......
theme/date-picker.css
View file @ 4c167c90
......@@ -2907,7 +2907,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -3016,7 +3016,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -3032,7 +3032,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -3056,7 +3058,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -3127,14 +3129,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -3151,21 +3152,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -3758,8 +3764,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -3767,72 +3772,63 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
theme/dropdown.css
View file @ 4c167c90
......@@ -681,31 +681,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin-left: 10px; }
.el-button.is-round {
padding: 10px 16px; }
.el-button:hover, .el-button:focus {
color: #0994DC;
border-color: #b5dff5;
background-color: #e6f4fc; }
.el-button:active {
color: #0885c6;
border-color: #0885c6;
outline: none; }
.el-button::-moz-focus-inner {
border: 0; }
.el-button [class*="el-icon-"] + span {
margin-left: 5px; }
.el-button.is-plain:hover, .el-button.is-plain:focus {
background: #FFFFFF;
border-color: #0994DC;
color: #0994DC; }
.el-button.is-plain:active {
background: #FFFFFF;
border-color: #0885c6;
color: #0885c6;
outline: none; }
.el-button.is-active {
color: #0885c6;
border-color: #0885c6; }
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
.el-button.is-disabled, .el-button.is-disabled:hover {
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
......@@ -713,8 +693,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB; }
.el-button.is-disabled.el-button--text {
background-color: transparent; }
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
background-color: #FFFFFF;
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover {
cursor: not-allowed;
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button.is-loading {
......@@ -736,196 +717,240 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-button.is-circle {
border-radius: 50%;
padding: 10px; }
.el-button--default {
color: #0994DC;
background-color: #FFFFFF;
border-color: #0994DC; }
.el-button--default:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-disabled, .el-button--default.is-disabled:hover, .el-button--default.is-disabled:focus, .el-button--default.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--default.is-plain {
color: #999999;
background: #FFFFFF;
border-color: #E4E4E4; }
.el-button--default.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-plain:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-plain.is-disabled,
.el-button--default.is-plain.is-disabled:hover .el-button--default.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary {
color: #FFFFFF;
background-color: #0994DC;
border-color: #0994DC; }
.el-button--primary:hover, .el-button--primary:focus {
background: #3aa9e3;
border-color: #3aa9e3;
.el-button--primary:hover {
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary:active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF;
outline: none; }
.el-button--primary.is-active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #FFFFFF;
background-color: #84caee;
border-color: #84caee; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary.is-plain {
color: #0994DC;
background: #e6f4fc;
border-color: #9dd4f1; }
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
background: #0994DC;
border-color: #0994DC;
color: #FFFFFF; }
background: #FFFFFF;
border-color: #0994DC; }
.el-button--primary.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--primary.is-plain:active {
background: #0885c6;
border-color: #0885c6;
color: #FFFFFF;
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
color: #6bbfea;
background-color: #e6f4fc;
border-color: #ceeaf8; }
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover .el-button--primary.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success {
color: #FFFFFF;
background-color: #4EC87C;
border-color: #4EC87C; }
.el-button--success:hover, .el-button--success:focus {
background: #71d396;
border-color: #71d396;
.el-button--success:hover {
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success:active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF;
outline: none; }
.el-button--success.is-active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
color: #FFFFFF;
background-color: #a7e4be;
border-color: #a7e4be; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success.is-plain {
color: #4EC87C;
background: #edfaf2;
border-color: #b8e9cb; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
background: #4EC87C;
border-color: #4EC87C;
color: #FFFFFF; }
background: #EBF8F2;
border-color: #CFEFDF; }
.el-button--success.is-plain:hover {
background: #E1F2EA;
border-color: #43C072;
color: #43BF73; }
.el-button--success.is-plain:active {
background: #46b470;
border-color: #46b470;
color: #FFFFFF;
background: #E1F2EA;
border-color: #43C072;
color: #43BF73;
outline: none; }
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
color: #95deb0;
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover .el-button--success.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning {
color: #FFFFFF;
background-color: #FFA533;
border-color: #FFA533; }
.el-button--warning:hover, .el-button--warning:focus {
background: #ffb75c;
border-color: #ffb75c;
.el-button--warning:hover {
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning:active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF;
outline: none; }
.el-button--warning.is-active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
color: #FFFFFF;
background-color: #ffd299;
border-color: #ffd299; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning.is-plain {
color: #FFA533;
background: #fff6eb;
border-color: #ffdbad; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
background: #FFA533;
border-color: #FFA533;
color: #FFFFFF; }
background: #FFF5E6;
border-color: #F8DDC0; }
.el-button--warning.is-plain:hover {
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924; }
.el-button--warning.is-plain:active {
background: #e6952e;
border-color: #e6952e;
color: #FFFFFF;
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924;
outline: none; }
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
color: #ffc985;
background-color: #fff6eb;
border-color: #ffedd6; }
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover .el-button--warning.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger {
color: #FFFFFF;
background-color: #FF3D33;
border-color: #FF3D33; }
.el-button--danger:hover, .el-button--danger:focus {
background: #ff645c;
border-color: #ff645c;
.el-button--danger:hover {
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger:active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF;
outline: none; }
.el-button--danger.is-active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
color: #FFFFFF;
background-color: #ff9e99;
border-color: #ff9e99; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger.is-plain {
color: #FF3D33;
background: #ffeceb;
border-color: #ffb1ad; }
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
background: #FF3D33;
border-color: #FF3D33;
color: #FFFFFF; }
background: #FCEEED;
border-color: #FCDDDC; }
.el-button--danger.is-plain:hover {
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24; }
.el-button--danger.is-plain:active {
background: #e6372e;
border-color: #e6372e;
color: #FFFFFF;
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24;
outline: none; }
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
color: #ff8b85;
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover .el-button--danger.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info {
color: #FFFFFF;
background-color: #00BBF2;
border-color: #00BBF2; }
.el-button--info:hover, .el-button--info:focus {
background: #33c9f5;
border-color: #33c9f5;
.el-button--info:hover {
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info:active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF;
outline: none; }
.el-button--info.is-active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
color: #FFFFFF;
background-color: #80ddf9;
border-color: #80ddf9; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info.is-plain {
color: #00BBF2;
background: #e6f8fe;
border-color: #99e4fa; }
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
background: #00BBF2;
border-color: #00BBF2;
color: #FFFFFF; }
color: #666666;
background: #EAF4FF;
border-color: #D5E8FC; }
.el-button--info.is-plain:hover {
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E; }
.el-button--info.is-plain:active {
background: #00a8da;
border-color: #00a8da;
color: #FFFFFF;
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E;
outline: none; }
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
color: #66d6f7;
background-color: #e6f8fe;
border-color: #ccf1fc; }
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover .el-button--info.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
font-size: 14px;
......@@ -1310,8 +1335,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -1319,73 +1343,64 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
......
theme/index.css
View file @ 4c167c90
This source diff could not be displayed because it is too large. You can view the blob instead.
theme/input-number.css
View file @ 4c167c90
......@@ -535,7 +535,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -644,7 +644,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -660,7 +660,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -684,7 +686,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -755,14 +757,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -779,21 +780,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......
theme/input.css
View file @ 4c167c90
......@@ -271,7 +271,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -380,7 +380,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -396,7 +396,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -420,7 +422,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -491,14 +493,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -515,21 +516,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......
theme/link.css
View file @ 4c167c90
......@@ -291,7 +291,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
right: 0;
height: 0;
bottom: 0;
border-bottom: 1px solid #0994DC; }
border-bottom: 1px solid #0885C6; }
.el-link.is-disabled {
cursor: not-allowed; }
.el-link [class*="el-icon-"] + span {
......@@ -299,9 +299,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-link.el-link--default {
color: #666666; }
.el-link.el-link--default:hover {
color: #0994DC; }
color: #0885C6; }
.el-link.el-link--default:after {
border-color: #0994DC; }
border-color: #0885C6; }
.el-link.el-link--default.is-disabled {
color: #CCCCCC; }
.el-link.el-link--primary {
......
theme/message-box.css
View file @ 4c167c90
......@@ -985,31 +985,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin-left: 10px; }
.el-button.is-round {
padding: 10px 16px; }
.el-button:hover, .el-button:focus {
color: #0994DC;
border-color: #b5dff5;
background-color: #e6f4fc; }
.el-button:active {
color: #0885c6;
border-color: #0885c6;
outline: none; }
.el-button::-moz-focus-inner {
border: 0; }
.el-button [class*="el-icon-"] + span {
margin-left: 5px; }
.el-button.is-plain:hover, .el-button.is-plain:focus {
background: #FFFFFF;
border-color: #0994DC;
color: #0994DC; }
.el-button.is-plain:active {
background: #FFFFFF;
border-color: #0885c6;
color: #0885c6;
outline: none; }
.el-button.is-active {
color: #0885c6;
border-color: #0885c6; }
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
.el-button.is-disabled, .el-button.is-disabled:hover {
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
......@@ -1017,8 +997,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB; }
.el-button.is-disabled.el-button--text {
background-color: transparent; }
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
background-color: #FFFFFF;
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover {
cursor: not-allowed;
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button.is-loading {
......@@ -1040,196 +1021,240 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-button.is-circle {
border-radius: 50%;
padding: 10px; }
.el-button--default {
color: #0994DC;
background-color: #FFFFFF;
border-color: #0994DC; }
.el-button--default:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-disabled, .el-button--default.is-disabled:hover, .el-button--default.is-disabled:focus, .el-button--default.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--default.is-plain {
color: #999999;
background: #FFFFFF;
border-color: #E4E4E4; }
.el-button--default.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-plain:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-plain.is-disabled,
.el-button--default.is-plain.is-disabled:hover .el-button--default.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary {
color: #FFFFFF;
background-color: #0994DC;
border-color: #0994DC; }
.el-button--primary:hover, .el-button--primary:focus {
background: #3aa9e3;
border-color: #3aa9e3;
.el-button--primary:hover {
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary:active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF;
outline: none; }
.el-button--primary.is-active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #FFFFFF;
background-color: #84caee;
border-color: #84caee; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary.is-plain {
color: #0994DC;
background: #e6f4fc;
border-color: #9dd4f1; }
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
background: #0994DC;
border-color: #0994DC;
color: #FFFFFF; }
background: #FFFFFF;
border-color: #0994DC; }
.el-button--primary.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--primary.is-plain:active {
background: #0885c6;
border-color: #0885c6;
color: #FFFFFF;
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
color: #6bbfea;
background-color: #e6f4fc;
border-color: #ceeaf8; }
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover .el-button--primary.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success {
color: #FFFFFF;
background-color: #4EC87C;
border-color: #4EC87C; }
.el-button--success:hover, .el-button--success:focus {
background: #71d396;
border-color: #71d396;
.el-button--success:hover {
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success:active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF;
outline: none; }
.el-button--success.is-active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
color: #FFFFFF;
background-color: #a7e4be;
border-color: #a7e4be; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success.is-plain {
color: #4EC87C;
background: #edfaf2;
border-color: #b8e9cb; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
background: #4EC87C;
border-color: #4EC87C;
color: #FFFFFF; }
background: #EBF8F2;
border-color: #CFEFDF; }
.el-button--success.is-plain:hover {
background: #E1F2EA;
border-color: #43C072;
color: #43BF73; }
.el-button--success.is-plain:active {
background: #46b470;
border-color: #46b470;
color: #FFFFFF;
background: #E1F2EA;
border-color: #43C072;
color: #43BF73;
outline: none; }
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
color: #95deb0;
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover .el-button--success.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning {
color: #FFFFFF;
background-color: #FFA533;
border-color: #FFA533; }
.el-button--warning:hover, .el-button--warning:focus {
background: #ffb75c;
border-color: #ffb75c;
.el-button--warning:hover {
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning:active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF;
outline: none; }
.el-button--warning.is-active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
color: #FFFFFF;
background-color: #ffd299;
border-color: #ffd299; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning.is-plain {
color: #FFA533;
background: #fff6eb;
border-color: #ffdbad; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
background: #FFA533;
border-color: #FFA533;
color: #FFFFFF; }
background: #FFF5E6;
border-color: #F8DDC0; }
.el-button--warning.is-plain:hover {
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924; }
.el-button--warning.is-plain:active {
background: #e6952e;
border-color: #e6952e;
color: #FFFFFF;
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924;
outline: none; }
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
color: #ffc985;
background-color: #fff6eb;
border-color: #ffedd6; }
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover .el-button--warning.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger {
color: #FFFFFF;
background-color: #FF3D33;
border-color: #FF3D33; }
.el-button--danger:hover, .el-button--danger:focus {
background: #ff645c;
border-color: #ff645c;
.el-button--danger:hover {
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger:active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF;
outline: none; }
.el-button--danger.is-active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
color: #FFFFFF;
background-color: #ff9e99;
border-color: #ff9e99; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger.is-plain {
color: #FF3D33;
background: #ffeceb;
border-color: #ffb1ad; }
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
background: #FF3D33;
border-color: #FF3D33;
color: #FFFFFF; }
background: #FCEEED;
border-color: #FCDDDC; }
.el-button--danger.is-plain:hover {
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24; }
.el-button--danger.is-plain:active {
background: #e6372e;
border-color: #e6372e;
color: #FFFFFF;
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24;
outline: none; }
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
color: #ff8b85;
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover .el-button--danger.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info {
color: #FFFFFF;
background-color: #00BBF2;
border-color: #00BBF2; }
.el-button--info:hover, .el-button--info:focus {
background: #33c9f5;
border-color: #33c9f5;
.el-button--info:hover {
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info:active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF;
outline: none; }
.el-button--info.is-active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
color: #FFFFFF;
background-color: #80ddf9;
border-color: #80ddf9; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info.is-plain {
color: #00BBF2;
background: #e6f8fe;
border-color: #99e4fa; }
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
background: #00BBF2;
border-color: #00BBF2;
color: #FFFFFF; }
color: #666666;
background: #EAF4FF;
border-color: #D5E8FC; }
.el-button--info.is-plain:hover {
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E; }
.el-button--info.is-plain:active {
background: #00a8da;
border-color: #00a8da;
color: #FFFFFF;
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E;
outline: none; }
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
color: #66d6f7;
background-color: #e6f8fe;
border-color: #ccf1fc; }
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover .el-button--info.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
font-size: 14px;
......@@ -1623,7 +1648,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -1732,7 +1757,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -1748,7 +1773,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -1772,7 +1799,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -1843,14 +1870,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -1867,21 +1893,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......
theme/option-group.css
View file @ 4c167c90
......@@ -276,15 +276,15 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: '';
position: absolute;
display: block;
left: 20px;
right: 20px;
left: 8px;
right: 8px;
bottom: 12px;
height: 1px;
background: #D0D0D0; }
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
padding-left: 8px;
font-size: 14px;
color: #00BBF2;
line-height: 30px; }
.el-select-group .el-select-dropdown__item {
padding-left: 20px; }
padding-left: 8px; }
theme/option.css
View file @ 4c167c90
......@@ -264,14 +264,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
.el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
padding: 0 8px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666666;
height: 34px;
line-height: 34px;
height: 28px;
line-height: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
......@@ -281,7 +281,8 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__item.is-disabled:hover {
background-color: #FFFFFF; }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown__item.selected {
color: #0994DC;
font-weight: bold; }
background-color: #D1ECFF;
color: #0994DC; }
theme/pagination.css
View file @ 4c167c90
......@@ -1054,8 +1054,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -1063,92 +1062,84 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
.el-select-dropdown {
position: absolute;
z-index: 1001;
border: solid 1px #D0D0D0;
border: solid 1px #B3B5BA;
border-radius: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0; }
margin: 4px 0; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #0994DC;
background-color: #FFFFFF; }
background-color: #D1ECFF; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
position: absolute;
right: 20px;
......@@ -1162,7 +1153,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding: 0; }
.el-select-dropdown__empty {
padding: 10px 0;
padding: 4px 0;
margin: 0;
text-align: center;
color: #999;
......@@ -1173,7 +1164,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__list {
list-style: none;
padding: 6px 0;
padding: 4px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
......@@ -1451,7 +1442,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -1560,7 +1551,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -1576,7 +1567,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -1600,7 +1593,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -1671,14 +1664,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -1695,21 +1687,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -2470,14 +2467,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
.el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
padding: 0 8px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666666;
height: 34px;
line-height: 34px;
height: 28px;
line-height: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
......@@ -2487,10 +2484,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__item.is-disabled:hover {
background-color: #FFFFFF; }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown__item.selected {
color: #0994DC;
font-weight: bold; }
background-color: #D1ECFF;
color: #0994DC; }
/* BEM support Func
-------------------------- */
......@@ -2770,18 +2768,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: '';
position: absolute;
display: block;
left: 20px;
right: 20px;
left: 8px;
right: 8px;
bottom: 12px;
height: 1px;
background: #D0D0D0; }
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
padding-left: 8px;
font-size: 14px;
color: #00BBF2;
line-height: 30px; }
.el-select-group .el-select-dropdown__item {
padding-left: 20px; }
padding-left: 8px; }
/* BEM support Func
-------------------------- */
......
theme/popover.css
View file @ 4c167c90
......@@ -526,8 +526,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -535,73 +534,64 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
......
theme/popper.css
View file @ 4c167c90
......@@ -262,8 +262,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -271,72 +270,63 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
theme/radio.css
View file @ 4c167c90
......@@ -468,16 +468,17 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #F8F8F8;
border-color: #EBEBEB; }
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
background-color: #CCCCCC; }
border-color: #CCCCCC;
background-color: #F8F8F8; }
.el-radio__input.is-disabled + span.el-radio__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-radio__input.is-checked .el-radio__inner {
border-color: #0994DC;
background: #0994DC; }
.el-radio__input.is-checked .el-radio__inner::after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
-webkit-transform: rotate(45deg) scaleY(1);
transform: rotate(45deg) scaleY(1); }
.el-radio__input.is-checked + .el-radio__label {
color: #333333; }
.el-radio__input.is-focus .el-radio__inner {
......@@ -496,20 +497,25 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-radio__inner:hover {
border-color: #0885C6; }
.el-radio__inner::after {
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #FFFFFF;
-webkit-box-sizing: content-box;
box-sizing: content-box;
content: "";
border: 1px solid #FFFFFF;
border-left: 0;
border-top: 0;
height: 7px;
left: 5px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform .15s ease-in;
transition: -webkit-transform .15s ease-in;
transition: transform .15s ease-in;
transition: transform .15s ease-in, -webkit-transform .15s ease-in; }
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
-webkit-transition: -webkit-transform .15s ease-in .05s;
transition: -webkit-transform .15s ease-in .05s;
transition: transform .15s ease-in .05s;
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
-webkit-transform-origin: center;
transform-origin: center; }
.el-radio__original {
opacity: 0;
outline: none;
......@@ -527,4 +533,4 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
box-shadow: 0 0 2px 2px #0885C6; }
.el-radio__label {
font-size: 14px;
padding-left: 10px; }
padding-left: 8px; }
theme/select-dropdown.css
View file @ 4c167c90
......@@ -526,8 +526,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -535,92 +534,84 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
.el-select-dropdown {
position: absolute;
z-index: 1001;
border: solid 1px #D0D0D0;
border: solid 1px #B3B5BA;
border-radius: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0; }
margin: 4px 0; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #0994DC;
background-color: #FFFFFF; }
background-color: #D1ECFF; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
position: absolute;
right: 20px;
......@@ -634,7 +625,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding: 0; }
.el-select-dropdown__empty {
padding: 10px 0;
padding: 4px 0;
margin: 0;
text-align: center;
color: #999;
......@@ -645,7 +636,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__list {
list-style: none;
padding: 6px 0;
padding: 4px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
theme/select.css
View file @ 4c167c90
......@@ -790,8 +790,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -799,92 +798,84 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
.el-select-dropdown {
position: absolute;
z-index: 1001;
border: solid 1px #D0D0D0;
border: solid 1px #B3B5BA;
border-radius: 3px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0; }
margin: 4px 0; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
color: #0994DC;
background-color: #FFFFFF; }
background-color: #D1ECFF; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
position: absolute;
right: 20px;
......@@ -898,7 +889,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
padding: 0; }
.el-select-dropdown__empty {
padding: 10px 0;
padding: 4px 0;
margin: 0;
text-align: center;
color: #999;
......@@ -909,7 +900,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__list {
list-style: none;
padding: 6px 0;
padding: 4px 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
......@@ -1187,7 +1178,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -1296,7 +1287,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -1312,7 +1303,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -1336,7 +1329,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -1407,14 +1400,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -1431,21 +1423,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -2206,14 +2203,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
.el-select-dropdown__item {
font-size: 14px;
padding: 0 20px;
padding: 0 8px;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666666;
height: 34px;
line-height: 34px;
height: 28px;
line-height: 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
......@@ -2223,10 +2220,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-select-dropdown__item.is-disabled:hover {
background-color: #FFFFFF; }
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
background-color: #F6F6F6; }
background-color: #EDF6FC;
color: #0885C6; }
.el-select-dropdown__item.selected {
color: #0994DC;
font-weight: bold; }
background-color: #D1ECFF;
color: #0994DC; }
/* BEM support Func
-------------------------- */
......@@ -2506,18 +2504,18 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
content: '';
position: absolute;
display: block;
left: 20px;
right: 20px;
left: 8px;
right: 8px;
bottom: 12px;
height: 1px;
background: #D0D0D0; }
.el-select-group__title {
padding-left: 20px;
font-size: 12px;
padding-left: 8px;
font-size: 14px;
color: #00BBF2;
line-height: 30px; }
.el-select-group .el-select-dropdown__item {
padding-left: 20px; }
padding-left: 8px; }
/* BEM support Func
-------------------------- */
......
theme/slider.css
View file @ 4c167c90
......@@ -672,7 +672,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -781,7 +781,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -797,7 +797,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -821,7 +823,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -892,14 +894,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -916,21 +917,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......
theme/table-column.css
View file @ 4c167c90
......@@ -620,7 +620,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -673,9 +673,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -695,7 +695,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......
theme/table.css
View file @ 4c167c90
......@@ -620,7 +620,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -673,9 +673,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -695,7 +695,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......
theme/time-picker.css
View file @ 4c167c90
......@@ -1683,7 +1683,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -1792,7 +1792,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -1808,7 +1808,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -1832,7 +1834,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -1903,14 +1905,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -1927,21 +1928,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -2534,8 +2540,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -2543,72 +2548,63 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
theme/time-select.css
View file @ 4c167c90
......@@ -1889,8 +1889,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
--------------------------*/
/* Break-point
--------------------------*/
.el-popper .popper__arrow,
.el-popper .popper__arrow::after {
.el-popper .popper__arrow {
position: absolute;
display: block;
width: 0;
......@@ -1898,73 +1897,64 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: transparent;
border-style: solid; }
.el-popper .popper__arrow {
border-width: 6px;
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }
.el-popper .popper__arrow::after {
content: " ";
border-width: 6px; }
.el-popper[x-placement^="top"] {
margin-bottom: 12px; }
margin-bottom: 4px; }
.el-popper[x-placement^="top"] .popper__arrow {
bottom: -6px;
bottom: -4px;
left: 50%;
margin-right: 3px;
border-top-color: #EBEBEB;
border-bottom-width: 0; }
.el-popper[x-placement^="top"] .popper__arrow::after {
bottom: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-color: #FFFFFF;
border-bottom-width: 0; }
.el-popper[x-placement^="bottom"] {
margin-top: 12px; }
margin-top: 4px; }
.el-popper[x-placement^="bottom"] .popper__arrow {
top: -6px;
top: -4px;
left: 50%;
margin-right: 3px;
border-top-width: 0;
border-bottom-color: #EBEBEB; }
.el-popper[x-placement^="bottom"] .popper__arrow::after {
top: 1px;
margin-left: -6px;
margin-left: -4px;
border-top-width: 0;
border-bottom-color: #FFFFFF; }
.el-popper[x-placement^="right"] {
margin-left: 12px; }
margin-left: 4px; }
.el-popper[x-placement^="right"] .popper__arrow {
top: 50%;
left: -6px;
left: -4px;
margin-bottom: 3px;
border-right-color: #EBEBEB;
border-left-width: 0; }
.el-popper[x-placement^="right"] .popper__arrow::after {
bottom: -6px;
bottom: -4px;
left: 1px;
border-right-color: #FFFFFF;
border-left-width: 0; }
.el-popper[x-placement^="left"] {
margin-right: 12px; }
margin-right: 4px; }
.el-popper[x-placement^="left"] .popper__arrow {
top: 50%;
right: -6px;
right: -4px;
margin-bottom: 3px;
border-right-width: 0;
border-left-color: #EBEBEB; }
.el-popper[x-placement^="left"] .popper__arrow::after {
right: 1px;
bottom: -6px;
margin-left: -6px;
bottom: -4px;
margin-left: -4px;
border-right-width: 0;
border-left-color: #FFFFFF; }
......
theme/transfer.css
View file @ 4c167c90
......@@ -536,7 +536,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-textarea__inner {
display: block;
resize: vertical;
padding: 5px 15px;
padding: 5px 8px;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
......@@ -645,7 +645,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
height: 36px;
line-height: 36px;
outline: none;
padding: 0 15px;
padding: 0 8px;
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%; }
......@@ -661,7 +661,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #B3B5BA; }
.el-input__inner:focus {
outline: none;
border-color: #0885C6; }
border-color: #0885C6;
-webkit-box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2);
box-shadow: 0 2px 3px rgba(8, 133, 198, 0.2); }
.el-input__suffix {
position: absolute;
height: 100%;
......@@ -685,7 +687,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
transition: all .3s; }
.el-input__icon {
height: 100%;
width: 25px;
width: 17px;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
......@@ -756,14 +758,13 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
vertical-align: middle;
display: table-cell; }
.el-input-group__append, .el-input-group__prepend {
background-color: #F6F6F6;
color: #00BBF2;
background-color: #F8F8F8;
color: #666666;
vertical-align: middle;
display: table-cell;
position: relative;
border: 1px solid #E4E4E4;
border-radius: 3px;
padding: 0 20px;
width: 1px;
white-space: nowrap; }
.el-input-group__append:focus, .el-input-group__prepend:focus {
......@@ -780,21 +781,26 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-input-group__prepend div.el-select:hover .el-input__inner {
border-color: transparent;
background-color: transparent;
color: inherit;
color: #666666;
border-top: 0;
border-bottom: 0; }
.el-input-group__append .el-button,
.el-input-group__append .el-input, .el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
font-size: inherit; }
.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
font-size: 14px; }
.el-input-group__prepend {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
border-bottom-right-radius: 0;
padding: 0 8px;
font-size: 12px; }
.el-input-group__append {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
border-bottom-left-radius: 0;
padding: 0 16px; }
.el-input-group__append:hover {
border-color: #0885C6;
background-color: #EDF6FC;
color: #0885C6; }
.el-input-group--prepend .el-input__inner {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
......@@ -1231,31 +1237,11 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin-left: 10px; }
.el-button.is-round {
padding: 10px 16px; }
.el-button:hover, .el-button:focus {
color: #0994DC;
border-color: #b5dff5;
background-color: #e6f4fc; }
.el-button:active {
color: #0885c6;
border-color: #0885c6;
outline: none; }
.el-button::-moz-focus-inner {
border: 0; }
.el-button [class*="el-icon-"] + span {
margin-left: 5px; }
.el-button.is-plain:hover, .el-button.is-plain:focus {
background: #FFFFFF;
border-color: #0994DC;
color: #0994DC; }
.el-button.is-plain:active {
background: #FFFFFF;
border-color: #0885c6;
color: #0885c6;
outline: none; }
.el-button.is-active {
color: #0885c6;
border-color: #0885c6; }
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
.el-button.is-disabled, .el-button.is-disabled:hover {
color: #CCCCCC;
cursor: not-allowed;
background-image: none;
......@@ -1263,8 +1249,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-color: #EBEBEB; }
.el-button.is-disabled.el-button--text {
background-color: transparent; }
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
background-color: #FFFFFF;
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover {
cursor: not-allowed;
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button.is-loading {
......@@ -1286,196 +1273,240 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-button.is-circle {
border-radius: 50%;
padding: 10px; }
.el-button--default {
color: #0994DC;
background-color: #FFFFFF;
border-color: #0994DC; }
.el-button--default:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-disabled, .el-button--default.is-disabled:hover, .el-button--default.is-disabled:focus, .el-button--default.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--default.is-plain {
color: #999999;
background: #FFFFFF;
border-color: #E4E4E4; }
.el-button--default.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--default.is-plain:active {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--default.is-plain.is-disabled,
.el-button--default.is-plain.is-disabled:hover .el-button--default.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary {
color: #FFFFFF;
background-color: #0994DC;
border-color: #0994DC; }
.el-button--primary:hover, .el-button--primary:focus {
background: #3aa9e3;
border-color: #3aa9e3;
.el-button--primary:hover {
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary:active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF;
outline: none; }
.el-button--primary.is-active {
background: #0885c6;
border-color: #0885c6;
background: #0885C6;
border-color: #0885C6;
color: #FFFFFF; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #FFFFFF;
background-color: #84caee;
border-color: #84caee; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--primary.is-plain {
color: #0994DC;
background: #e6f4fc;
border-color: #9dd4f1; }
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
background: #0994DC;
border-color: #0994DC;
color: #FFFFFF; }
background: #FFFFFF;
border-color: #0994DC; }
.el-button--primary.is-plain:hover {
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6; }
.el-button--primary.is-plain:active {
background: #0885c6;
border-color: #0885c6;
color: #FFFFFF;
background: #EDF6FC;
border-color: #0885C6;
color: #0885C6;
outline: none; }
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
color: #6bbfea;
background-color: #e6f4fc;
border-color: #ceeaf8; }
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:hover .el-button--primary.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success {
color: #FFFFFF;
background-color: #4EC87C;
border-color: #4EC87C; }
.el-button--success:hover, .el-button--success:focus {
background: #71d396;
border-color: #71d396;
.el-button--success:hover {
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success:active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF;
outline: none; }
.el-button--success.is-active {
background: #46b470;
border-color: #46b470;
background: #43BF73;
border-color: #43BF73;
color: #FFFFFF; }
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
color: #FFFFFF;
background-color: #a7e4be;
border-color: #a7e4be; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--success.is-plain {
color: #4EC87C;
background: #edfaf2;
border-color: #b8e9cb; }
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
background: #4EC87C;
border-color: #4EC87C;
color: #FFFFFF; }
background: #EBF8F2;
border-color: #CFEFDF; }
.el-button--success.is-plain:hover {
background: #E1F2EA;
border-color: #43C072;
color: #43BF73; }
.el-button--success.is-plain:active {
background: #46b470;
border-color: #46b470;
color: #FFFFFF;
background: #E1F2EA;
border-color: #43C072;
color: #43BF73;
outline: none; }
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
color: #95deb0;
background-color: #edfaf2;
border-color: #dcf4e5; }
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:hover .el-button--success.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning {
color: #FFFFFF;
background-color: #FFA533;
border-color: #FFA533; }
.el-button--warning:hover, .el-button--warning:focus {
background: #ffb75c;
border-color: #ffb75c;
.el-button--warning:hover {
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning:active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF;
outline: none; }
.el-button--warning.is-active {
background: #e6952e;
border-color: #e6952e;
background: #F29924;
border-color: #F29924;
color: #FFFFFF; }
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
color: #FFFFFF;
background-color: #ffd299;
border-color: #ffd299; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--warning.is-plain {
color: #FFA533;
background: #fff6eb;
border-color: #ffdbad; }
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
background: #FFA533;
border-color: #FFA533;
color: #FFFFFF; }
background: #FFF5E6;
border-color: #F8DDC0; }
.el-button--warning.is-plain:hover {
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924; }
.el-button--warning.is-plain:active {
background: #e6952e;
border-color: #e6952e;
color: #FFFFFF;
background: #FAEDD9;
border-color: #F0D2B2;
color: #F29924;
outline: none; }
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
color: #ffc985;
background-color: #fff6eb;
border-color: #ffedd6; }
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:hover .el-button--warning.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger {
color: #FFFFFF;
background-color: #FF3D33;
border-color: #FF3D33; }
.el-button--danger:hover, .el-button--danger:focus {
background: #ff645c;
border-color: #ff645c;
.el-button--danger:hover {
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger:active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF;
outline: none; }
.el-button--danger.is-active {
background: #e6372e;
border-color: #e6372e;
background: #F22F24;
border-color: #F22F24;
color: #FFFFFF; }
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
color: #FFFFFF;
background-color: #ff9e99;
border-color: #ff9e99; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--danger.is-plain {
color: #FF3D33;
background: #ffeceb;
border-color: #ffb1ad; }
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
background: #FF3D33;
border-color: #FF3D33;
color: #FFFFFF; }
background: #FCEEED;
border-color: #FCDDDC; }
.el-button--danger.is-plain:hover {
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24; }
.el-button--danger.is-plain:active {
background: #e6372e;
border-color: #e6372e;
color: #FFFFFF;
background: #FAE7E6;
border-color: #F22F24;
color: #F22F24;
outline: none; }
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
color: #ff8b85;
background-color: #ffeceb;
border-color: #ffd8d6; }
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:hover .el-button--danger.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info {
color: #FFFFFF;
background-color: #00BBF2;
border-color: #00BBF2; }
.el-button--info:hover, .el-button--info:focus {
background: #33c9f5;
border-color: #33c9f5;
.el-button--info:hover {
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info:active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF;
outline: none; }
.el-button--info.is-active {
background: #00a8da;
border-color: #00a8da;
background: #00B0E5;
border-color: #00B0E5;
color: #FFFFFF; }
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
color: #FFFFFF;
background-color: #80ddf9;
border-color: #80ddf9; }
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--info.is-plain {
color: #00BBF2;
background: #e6f8fe;
border-color: #99e4fa; }
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
background: #00BBF2;
border-color: #00BBF2;
color: #FFFFFF; }
color: #666666;
background: #EAF4FF;
border-color: #D5E8FC; }
.el-button--info.is-plain:hover {
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E; }
.el-button--info.is-plain:active {
background: #00a8da;
border-color: #00a8da;
color: #FFFFFF;
background: #BED7F2;
border-color: #E0EDFB;
color: #605E5E;
outline: none; }
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
color: #66d6f7;
background-color: #e6f8fe;
border-color: #ccf1fc; }
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:hover .el-button--info.is-plain.is-disabled:active {
background-color: #F8F8F8;
border-color: #EBEBEB;
color: #CCCCCC; }
.el-button--medium {
padding: 9px 16px;
font-size: 14px;
......@@ -2080,7 +2111,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -2133,9 +2164,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -2155,7 +2186,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......
theme/tree.css
View file @ 4c167c90
......@@ -990,7 +990,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
background-color: #CCCCCC;
border-color: #CCCCCC; }
.el-checkbox__input.is-disabled + span.el-checkbox__label {
color: #CCCCCC;
color: #333333;
cursor: not-allowed; }
.el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #0994DC;
......@@ -1043,9 +1043,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
left: 5px;
position: absolute;
top: 1px;
top: 2px;
-webkit-transform: rotate(45deg) scaleY(0);
transform: rotate(45deg) scaleY(0);
width: 3px;
......@@ -1065,7 +1065,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
z-index: -1; }
.el-checkbox__label {
display: inline-block;
padding-left: 10px;
padding-left: 8px;
line-height: 19px;
font-size: 14px; }
.el-checkbox:last-of-type {
......@@ -1167,7 +1167,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: relative;
cursor: default;
background: #FFFFFF;
color: #666666; }
color: #333333; }
.el-tree__empty-block {
position: relative;
min-height: 60px;
......@@ -1195,7 +1195,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-tree-node:focus {
/* focus */ }
.el-tree-node:focus > .el-tree-node__content {
background-color: #F6F6F6; }
background-color: #EDF6FC; }
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
background-color: #0994DC;
color: #fff; }
......@@ -1206,14 +1206,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 26px;
height: 28px;
cursor: pointer; }
.el-tree-node__content > .el-tree-node__expand-icon {
padding: 6px; }
.el-tree-node__content > label.el-checkbox {
margin-right: 8px; }
.el-tree-node__content:hover {
background-color: #F6F6F6; }
background-color: #EDF6FC; }
.el-tree.is-dragging .el-tree-node__content {
cursor: move; }
.el-tree.is-dragging .el-tree-node__content * {
......
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