blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-24 02:16:12 +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; height: @action-sheet-item-height;
&--disabled { &--disabled {
color: @gray; color: @action-sheet-item-disabled-text-color;
&:active { &:active {
background-color: @white; background-color: @action-sheet-item-background;
} }
} }
} }
@ -36,8 +36,8 @@
&__cancel::before { &__cancel::before {
display: block; display: block;
height: 10px; height: @action-sheet-cancel-padding-top;
background-color: @background-color; background-color: @action-sheet-cancel-padding-color;
content: ' '; content: ' ';
} }
@ -51,7 +51,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
padding: 0 15px; padding: @action-sheet-close-icon-padding;
color: @action-sheet-close-icon-color; color: @action-sheet-close-icon-color;
font-size: @action-sheet-close-icon-size; font-size: @action-sheet-close-icon-size;
line-height: inherit; line-height: inherit;

8
src/style/var.less
View File

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