mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[improvement] optimize active color (#3026)
This commit is contained in:
parent
055387108f
commit
f645d64900
@ -26,7 +26,7 @@ There are some basic variables below, all available variables could be found in
|
|||||||
// default colors
|
// default colors
|
||||||
@text-color: #323233;
|
@text-color: #323233;
|
||||||
@border-color: #ebedf0;
|
@border-color: #ebedf0;
|
||||||
@active-color: #e8e8e8;
|
@active-color: #f2f3f5;
|
||||||
@background-color: #f8f8f8;
|
@background-color: #f8f8f8;
|
||||||
@background-color-light: #fafafa;
|
@background-color-light: #fafafa;
|
||||||
```
|
```
|
||||||
|
@ -30,7 +30,7 @@ Vant 使用了 [Less](http://lesscss.org/) 对样式进行预处理,并内置
|
|||||||
// default colors
|
// default colors
|
||||||
@text-color: #323233;
|
@text-color: #323233;
|
||||||
@border-color: #ebedf0;
|
@border-color: #ebedf0;
|
||||||
@active-color: #e8e8e8;
|
@active-color: #f2f3f5;
|
||||||
@background-color: #f8f8f8;
|
@background-color: #f8f8f8;
|
||||||
@background-color-light: #fafafa;
|
@background-color-light: #fafafa;
|
||||||
```
|
```
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active::before {
|
&:active::before {
|
||||||
opacity: .15;
|
opacity: .1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--loading,
|
&--loading,
|
||||||
|
@ -63,6 +63,8 @@ export default {
|
|||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.demo-stepper {
|
.demo-stepper {
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
.van-stepper {
|
.van-stepper {
|
||||||
margin-left: 15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
@ -38,7 +38,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: @active-color;
|
background-color: @stepper-active-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--disabled {
|
&--disabled {
|
||||||
|
@ -15,7 +15,7 @@
|
|||||||
// Default colors
|
// Default colors
|
||||||
@text-color: #323233;
|
@text-color: #323233;
|
||||||
@border-color: #ebedf0;
|
@border-color: #ebedf0;
|
||||||
@active-color: #e8e8e8;
|
@active-color: #f2f3f5;
|
||||||
@background-color: #f8f8f8;
|
@background-color: #f8f8f8;
|
||||||
@background-color-light: #fafafa;
|
@background-color-light: #fafafa;
|
||||||
|
|
||||||
@ -153,7 +153,8 @@
|
|||||||
@search-background-color: #f7f8fA;
|
@search-background-color: #f7f8fA;
|
||||||
|
|
||||||
// Stepper
|
// Stepper
|
||||||
@stepper-background-color: #f2f3f5;
|
@stepper-active-color: #e8e8e8;
|
||||||
|
@stepper-background-color: @active-color;
|
||||||
@stepper-button-disabled-color: #f7f8fa;
|
@stepper-button-disabled-color: #f7f8fa;
|
||||||
|
@stepper-input-disabled-color: @active-color;
|
||||||
@stepper-border-radius: 4px;
|
@stepper-border-radius: 4px;
|
||||||
@stepper-input-disabled-color: #f2f3f5;
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user