ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Improvement] Button: add warning type (#1558)

Browse Source
This commit is contained in:
neverland
2018-07-30 17:33:19 +08:00
committed by GitHub
parent c0e9fd633a
commit 4ab3959636
6 changed files with 53 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/vant-css/src/button.css
View File

@@ -54,6 +54,12 @@
border: 1px solid $button-danger-border-color;
}
&--warning {
color: $button-warning-color;
background-color: $button-warning-background-color;
border: 1px solid $button-warning-border-color;
}
&--plain {
background-color: $white;
@@ -64,6 +70,10 @@
&.van-button--danger {
color: $button-danger-background-color;
}
&.van-button--warning {
color: $button-warning-background-color;
}
}
&--large {

5
packages/vant-css/src/common/var.css
View File

@@ -3,7 +3,7 @@ $black: #000;
$white: #fff;
$red: #f44;
$blue: #38f;
$orange: #f60;
$orange: #f85;
$green: #06bf04;
$gray: #c9c9c9;
$gray-light: #e5e5e5;
@@ -26,6 +26,9 @@ $button-primary-border-color: #4b0;
$button-danger-color: $white;
$button-danger-background-color: $red;
$button-danger-border-color: $red;
$button-warning-color: $white;
$button-warning-background-color: $orange;
$button-warning-border-color: $orange;
$button-disabled-color: $gray-dark;
$button-disabled-background-color: $active-color;
$button-disabled-border-color: $border-color;