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] ActionSheet: add less vars (#3908)

Browse Source
This commit is contained in:
neverland 2019-07-20 10:49:06 +08:00 committed by GitHub
parent 20b3a678c5
commit f64519172e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/action-sheet/index.less
View File

@ -20,10 +20,10 @@
height: @action-sheet-item-height;
&--disabled {
color: @gray;
color: @action-sheet-item-disabled-text-color;
&:active {
background-color: @white;
background-color: @action-sheet-item-background;
}
}
}
@ -36,8 +36,8 @@
&__cancel::before {
display: block;
height: 10px;
background-color: @background-color;
height: @action-sheet-cancel-padding-top;
background-color: @action-sheet-cancel-padding-color;
content: ' ';
}
@ -51,7 +51,7 @@
position: absolute;
top: 0;
right: 0;
padding: 0 15px;
padding: @action-sheet-close-icon-padding;
color: @action-sheet-close-icon-color;
font-size: @action-sheet-close-icon-size;
line-height: inherit;

8
src/style/var.less
View File

@ -18,6 +18,10 @@
@active-color: #f2f3f5;
@background-color: #f8f8f8;
@background-color-light: #fafafa;
@padding-lg: 24px;
@padding-md: 16px;
@padding-sm: 12px;
@padding-xs: 8px;
// ActionSheet
@action-sheet-max-height: 90%;
@ -27,10 +31,14 @@
@action-sheet-item-background: @white;
@action-sheet-item-font-size: 16px;
@action-sheet-item-text-color: @text-color;
@action-sheet-item-disabled-text-color: @gray;
@action-sheet-subname-color: @gray-darker;
@action-sheet-subname-font-size: 12px;
@action-sheet-close-icon-size: 18px;
@action-sheet-close-icon-color: @gray-dark;
@action-sheet-close-icon-padding: 0 @padding-md;
@action-sheet-cancel-padding-top: @padding-xs;
@action-sheet-cancel-padding-color: @background-color;
// AddressEdit
@address-edit-buttons-padding: 30px 15px;