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

feat(Button): support CSS vars gradient background color (#9454)

Browse Source
This commit is contained in:
neverland 2021-09-12 09:45:48 +08:00 committed by GitHub
parent 96a077e388
commit f15f9008cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/vant/src/button/index.less
View File

@ -58,7 +58,7 @@
left: 50%; left: 50%;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: var(--van-black); background: var(--van-black);
border: inherit; border: inherit;
border-color: var(--van-black); border-color: var(--van-black);
border-radius: inherit; /* inherit parent's border radius */ border-radius: inherit; /* inherit parent's border radius */
@ -80,41 +80,41 @@
&--default { &--default {
color: var(--van-button-default-color); color: var(--van-button-default-color);
background-color: var(--van-button-default-background-color); background: var(--van-button-default-background-color);
border: var(--van-button-border-width) solid border: var(--van-button-border-width) solid
var(--van-button-default-border-color); var(--van-button-default-border-color);
} }
&--primary { &--primary {
color: var(--van-button-primary-color); color: var(--van-button-primary-color);
background-color: var(--van-button-primary-background-color); background: var(--van-button-primary-background-color);
border: var(--van-button-border-width) solid border: var(--van-button-border-width) solid
var(--van-button-primary-border-color); var(--van-button-primary-border-color);
} }
&--success { &--success {
color: var(--van-button-success-color); color: var(--van-button-success-color);
background-color: var(--van-button-success-background-color); background: var(--van-button-success-background-color);
border: var(--van-button-border-width) solid border: var(--van-button-border-width) solid
var(--van-button-success-border-color); var(--van-button-success-border-color);
} }
&--danger { &--danger {
color: var(--van-button-danger-color); color: var(--van-button-danger-color);
background-color: var(--van-button-danger-background-color); background: var(--van-button-danger-background-color);
border: var(--van-button-border-width) solid border: var(--van-button-border-width) solid
var(--van-button-danger-border-color); var(--van-button-danger-border-color);
} }
&--warning { &--warning {
color: var(--van-button-warning-color); color: var(--van-button-warning-color);
background-color: var(--van-button-warning-background-color); background: var(--van-button-warning-background-color);
border: var(--van-button-border-width) solid border: var(--van-button-border-width) solid
var(--van-button-warning-border-color); var(--van-button-warning-border-color);
} }
&--plain { &--plain {
background-color: var(--van-button-plain-background-color); background: var(--van-button-plain-background-color);
&.van-button--primary { &.van-button--primary {
color: var(--van-button-primary-background-color); color: var(--van-button-primary-background-color);