Skip to content

S
style_tool
Commit 8702ac79 authored by 刘安琪's avatar 刘安琪
Browse files
Options

修改inputnumber样式

parent 5d9b2c7c
Hide whitespace changes
Inline Side-by-side
Showing with 83 additions and 94 deletions
node_module/element-theme-chalk/src/input-number.scss
View file @ 8702ac79
......@@ -23,13 +23,14 @@
position: absolute;
z-index: 1;
top: 1px;
width: $--input-height;
width: 14px;
height: auto;
text-align: center;
background: $--background-color-base;
color: $--color-text-regular;
cursor: pointer;
font-size: 13px;
font-size: 14px;
padding: 0 16px;
&:hover {
color: $--color-primary;
......@@ -70,11 +71,11 @@
}
@include m(medium) {
width: 200px;
width: 180px;
line-height: #{$--input-medium-height - 2};
@include e((increase, decrease)) {
width: $--input-medium-height;
width: 14px;
font-size: $--input-medium-font-size;
}
......@@ -85,16 +86,12 @@
}
@include m(small) {
width: 130px;
width: 180px;
line-height: #{$--input-small-height - 2};
@include e((increase, decrease)) {
width: $--input-small-height;
width: 14px;
font-size: $--input-small-font-size;
[class*=el-icon] {
transform: scale(.9);
}
}
.el-input__inner {
......
theme/date-picker.css
View file @ 8702ac79
......@@ -318,20 +318,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.today.end-date span {
color: #FFFFFF; }
.el-date-table td.available:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-table td.in-range div {
background-color: #F2F6FC; }
.el-date-table td.in-range div:hover {
background-color: #F2F6FC; }
.el-date-table td.current:not(.disabled) span {
color: #FFFFFF;
background-color: #0994DC; }
background-color: #0885C6; }
.el-date-table td.start-date div,
.el-date-table td.end-date div {
color: #FFFFFF; }
.el-date-table td.start-date span,
.el-date-table td.end-date span {
background-color: #0994DC; }
background-color: #0885C6; }
.el-date-table td.start-date div {
margin-left: 5px;
border-top-left-radius: 15px;
......@@ -353,7 +353,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.selected div:hover {
background-color: #F2F6FC; }
.el-date-table td.selected span {
background-color: #0994DC;
background-color: #0885C6;
color: #FFFFFF;
border-radius: 15px; }
.el-date-table td.week {
......@@ -526,7 +526,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0 auto;
border-radius: 18px; }
.el-month-table td .cell:hover {
color: #0994DC; }
color: #0885C6; }
.el-month-table td.in-range div {
background-color: #F2F6FC; }
.el-month-table td.in-range div:hover {
......@@ -537,7 +537,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-month-table td.start-date .cell,
.el-month-table td.end-date .cell {
color: #FFFFFF;
background-color: #0994DC; }
background-color: #0885C6; }
.el-month-table td.start-date div {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px; }
......@@ -545,7 +545,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top-right-radius: 24px;
border-bottom-right-radius: 24px; }
.el-month-table td.current:not(.disabled) .cell {
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......@@ -701,9 +701,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #666666;
margin: 0 auto; }
.el-year-table td .cell:hover {
color: #0994DC; }
color: #0885C6; }
.el-year-table td.current:not(.disabled) .cell {
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......@@ -1984,10 +1984,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -2010,7 +2010,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -2079,9 +2079,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
color: #666666; }
.el-date-picker__header-label:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__header-label.active {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__prev-btn {
float: left; }
.el-date-picker__next-btn {
......@@ -2632,7 +2632,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-time-panel__btn.confirm {
font-weight: 800;
color: #0994DC; }
color: #0885C6; }
/* BEM support Func
-------------------------- */
......
theme/index.css
View file @ 8702ac79
......@@ -10502,13 +10502,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute;
z-index: 1;
top: 1px;
width: 36px;
width: 14px;
height: auto;
text-align: center;
background: #F6F6F6;
color: #666666;
cursor: pointer;
font-size: 13px; }
font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
......@@ -10531,23 +10532,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB;
cursor: not-allowed; }
.el-input-number--medium {
width: 200px;
width: 180px;
line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px;
width: 14px;
font-size: 14px; }
.el-input-number--medium .el-input__inner {
padding-left: 39px;
padding-right: 39px; }
.el-input-number--small {
width: 130px;
width: 180px;
line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px;
width: 14px;
font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner {
padding-left: 35px;
padding-right: 35px; }
......@@ -20519,20 +20517,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.today.end-date span {
color: #FFFFFF; }
.el-date-table td.available:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-table td.in-range div {
background-color: #F2F6FC; }
.el-date-table td.in-range div:hover {
background-color: #F2F6FC; }
.el-date-table td.current:not(.disabled) span {
color: #FFFFFF;
background-color: #0994DC; }
background-color: #0885C6; }
.el-date-table td.start-date div,
.el-date-table td.end-date div {
color: #FFFFFF; }
.el-date-table td.start-date span,
.el-date-table td.end-date span {
background-color: #0994DC; }
background-color: #0885C6; }
.el-date-table td.start-date div {
margin-left: 5px;
border-top-left-radius: 15px;
......@@ -20554,7 +20552,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-date-table td.selected div:hover {
background-color: #F2F6FC; }
.el-date-table td.selected span {
background-color: #0994DC;
background-color: #0885C6;
color: #FFFFFF;
border-radius: 15px; }
.el-date-table td.week {
......@@ -20727,7 +20725,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
margin: 0 auto;
border-radius: 18px; }
.el-month-table td .cell:hover {
color: #0994DC; }
color: #0885C6; }
.el-month-table td.in-range div {
background-color: #F2F6FC; }
.el-month-table td.in-range div:hover {
......@@ -20738,7 +20736,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
.el-month-table td.start-date .cell,
.el-month-table td.end-date .cell {
color: #FFFFFF;
background-color: #0994DC; }
background-color: #0885C6; }
.el-month-table td.start-date div {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px; }
......@@ -20746,7 +20744,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
border-top-right-radius: 24px;
border-bottom-right-radius: 24px; }
.el-month-table td.current:not(.disabled) .cell {
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......@@ -20902,9 +20900,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #666666;
margin: 0 auto; }
.el-year-table td .cell:hover {
color: #0994DC; }
color: #0885C6; }
.el-year-table td.current:not(.disabled) .cell {
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......@@ -22185,10 +22183,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -22211,7 +22209,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -22280,9 +22278,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
color: #666666; }
.el-date-picker__header-label:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__header-label.active {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__prev-btn {
float: left; }
.el-date-picker__next-btn {
......@@ -22833,7 +22831,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-time-panel__btn.confirm {
font-weight: 800;
color: #0994DC; }
color: #0885C6; }
/* BEM support Func
-------------------------- */
......@@ -25239,10 +25237,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -25265,7 +25263,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -25334,9 +25332,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
color: #666666; }
.el-date-picker__header-label:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__header-label.active {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__prev-btn {
float: left; }
.el-date-picker__next-btn {
......@@ -26834,10 +26832,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -26860,7 +26858,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -27281,7 +27279,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-time-panel__btn.confirm {
font-weight: 800;
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......@@ -36639,13 +36637,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute;
z-index: 1;
top: 1px;
width: 36px;
width: 14px;
height: auto;
text-align: center;
background: #F6F6F6;
color: #666666;
cursor: pointer;
font-size: 13px; }
font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
......@@ -36668,23 +36667,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB;
cursor: not-allowed; }
.el-input-number--medium {
width: 200px;
width: 180px;
line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px;
width: 14px;
font-size: 14px; }
.el-input-number--medium .el-input__inner {
padding-left: 39px;
padding-right: 39px; }
.el-input-number--small {
width: 130px;
width: 180px;
line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px;
width: 14px;
font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner {
padding-left: 35px;
padding-right: 35px; }
theme/input-number.css
View file @ 8702ac79
......@@ -833,13 +833,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute;
z-index: 1;
top: 1px;
width: 36px;
width: 14px;
height: auto;
text-align: center;
background: #F6F6F6;
color: #666666;
cursor: pointer;
font-size: 13px; }
font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
......@@ -862,23 +863,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB;
cursor: not-allowed; }
.el-input-number--medium {
width: 200px;
width: 180px;
line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px;
width: 14px;
font-size: 14px; }
.el-input-number--medium .el-input__inner {
padding-left: 39px;
padding-right: 39px; }
.el-input-number--small {
width: 130px;
width: 180px;
line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px;
width: 14px;
font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner {
padding-left: 35px;
padding-right: 35px; }
......
theme/slider.css
View file @ 8702ac79
......@@ -970,13 +970,14 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
position: absolute;
z-index: 1;
top: 1px;
width: 36px;
width: 14px;
height: auto;
text-align: center;
background: #F6F6F6;
color: #666666;
cursor: pointer;
font-size: 13px; }
font-size: 14px;
padding: 0 16px; }
.el-input-number__increase:hover, .el-input-number__decrease:hover {
color: #0994DC; }
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
......@@ -999,23 +1000,20 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #EBEBEB;
cursor: not-allowed; }
.el-input-number--medium {
width: 200px;
width: 180px;
line-height: 30px; }
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
width: 32px;
width: 14px;
font-size: 14px; }
.el-input-number--medium .el-input__inner {
padding-left: 39px;
padding-right: 39px; }
.el-input-number--small {
width: 130px;
width: 180px;
line-height: 26px; }
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
width: 28px;
width: 14px;
font-size: 14px; }
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
-webkit-transform: scale(0.9);
transform: scale(0.9); }
.el-input-number--small .el-input__inner {
padding-left: 35px;
padding-right: 35px; }
......
theme/time-picker.css
View file @ 8702ac79
......@@ -812,10 +812,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -838,7 +838,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -1259,7 +1259,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
color: #333333; }
.el-time-panel__btn.confirm {
font-weight: 800;
color: #0994DC; }
color: #0885C6; }
/* Element Chalk Variables */
/* Transition
......
theme/time-select.css
View file @ 8702ac79
......@@ -1203,10 +1203,10 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
cursor: pointer; }
.el-picker-panel__shortcut:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__shortcut.active {
background-color: #e6f1fe;
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__btn {
border: 1px solid #dcdcdc;
color: #333;
......@@ -1229,7 +1229,7 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
outline: none;
margin-top: 8px; }
.el-picker-panel__icon-btn:hover {
color: #0994DC; }
color: #0885C6; }
.el-picker-panel__icon-btn.is-disabled {
color: #CCCCCC; }
.el-picker-panel__icon-btn.is-disabled:hover {
......@@ -1298,9 +1298,9 @@ $--checkbox-disabled-checked-icon-color: $--disabled-fill-base !default;*/
cursor: pointer;
color: #666666; }
.el-date-picker__header-label:hover {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__header-label.active {
color: #0994DC; }
color: #0885C6; }
.el-date-picker__prev-btn {
float: left; }
.el-date-picker__next-btn {
......
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