blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Stepper: add less vars (#3599)

Browse Source
This commit is contained in:
neverland 2019-06-22 11:42:40 +08:00 committed by GitHub
parent e3620e3293
commit 8ecf51a135
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/stepper/index.less
View File

@ -11,6 +11,7 @@
height: 28px; height: 28px;
margin: 1px; margin: 1px;
padding: 5px; padding: 5px;
color: @stepper-button-icon-color;
vertical-align: middle; vertical-align: middle;
background-color: @stepper-background-color; background-color: @stepper-background-color;
border: 0; border: 0;
@ -33,7 +34,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
margin: auto; margin: auto;
background-color: @text-color; background-color: currentColor;
content: ''; content: '';
} }
@ -42,18 +43,14 @@
} }
&--disabled { &--disabled {
color: @stepper-button-disabled-icon-color;
background-color: @stepper-button-disabled-color; background-color: @stepper-button-disabled-color;
&::before, &:active {
&::after {
background-color: @gray;
}
}
&--disabled:active {
background-color: @stepper-button-disabled-color; background-color: @stepper-button-disabled-color;
} }
} }
}
&__minus { &__minus {
border-radius: @stepper-border-radius 0 0 @stepper-border-radius; border-radius: @stepper-border-radius 0 0 @stepper-border-radius;
@ -69,12 +66,12 @@
&__input { &__input {
box-sizing: content-box; box-sizing: content-box;
width: 30px; width: @stepper-input-width;
height: 26px; height: @stepper-input-height;
margin: 1px; margin: 1px;
padding: 1px; padding: 1px;
color: @text-color; color: @stepper-input-text-color;
font-size: 14px; font-size: @stepper-input-font-size;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
background-color: @stepper-background-color; background-color: @stepper-background-color;
@ -84,8 +81,8 @@
-webkit-appearance: none; -webkit-appearance: none;
&[disabled] { &[disabled] {
color: @gray; color: @stepper-input-disabled-text-color;
background-color: @stepper-input-disabled-color; background-color: @stepper-input-disabled-background-color;
} }
} }

9
packages/style/var.less
View File

@ -462,8 +462,15 @@
// Stepper // Stepper
@stepper-active-color: #e8e8e8; @stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color; @stepper-background-color: @active-color;
@stepper-button-icon-color: @text-color;
@stepper-button-disabled-color: #f7f8fa; @stepper-button-disabled-color: #f7f8fa;
@stepper-input-disabled-color: @active-color; @stepper-button-disabled-icon-color: @gray;
@stepper-input-width: 30px;
@stepper-input-height: 26px;
@stepper-input-font-size: 14px;
@stepper-input-text-color: @text-color;
@stepper-input-disabled-text-color: @gray;
@stepper-input-disabled-background-color: @active-color;
@stepper-border-radius: 4px; @stepper-border-radius: 4px;
// SubmitBar // SubmitBar