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

9
packages/style/var.less
View File

@ -462,8 +462,15 @@
// Stepper
@stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color;
@stepper-button-icon-color: @text-color;
@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;
// SubmitBar