fix: button add active style

This commit is contained in:
cookfront
2017-04-20 13:59:55 +08:00
parent 5a1027ee3c
commit 5d0cdbc3f1
6 changed files with 89 additions and 66 deletions

View File

@@ -38,18 +38,35 @@
color: $button-default-color;
background-color: $button-default-background-color;
border: 1px solid $button-default-border-color;
&:active {
border-color: #cacaca;
background-color: $c-gray-light;
color: $c-gray-dark;
}
}
@m primary {
color: $button-primary-color;
background-color: $button-primary-background-color;
border: 1px solid $button-primary-border-color;
&:active {
border-color: #00AA00;
background-color: #00AA00;
color: #66CC66;
}
}
@m danger {
color: $button-danger-color;
background-color: $button-danger-background-color;
border: 1px solid $button-danger-border-color;
&:active {
border-color: #D43333;
background-color: #D43333;
}
}
@m large {
@@ -113,9 +130,20 @@
color: $bottom-action-button-default-color;
font-size: 16px;
&:active {
border-color: #DD6F44;
background-color: #DD6F44;
color: #fff;
}
&.van-button--primary {
background-color: $bottom-action-button-primary-background-color;
color: $bottom-action-button-primary-color;
&:active {
border-color: #D43333;
background-color: #D43333;
}
}
}
}