blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-23 15:09:16 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Grid: add less vars (#3683)

Browse Source
This commit is contained in:
neverland 2019-06-28 16:28:35 +08:00 committed by GitHub
parent 09c597db8a
commit e08bea7577
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/grid-item/index.less
View File

@ -13,8 +13,8 @@
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
padding: 15px 10px; padding: @grid-item-content-padding;
background-color: #fff; background-color: @grid-item-content-background-color;
&::after { &::after {
z-index: 1; z-index: 1;
@ -40,17 +40,17 @@
} }
&--clickable:active { &--clickable:active {
background-color: @active-color; background-color: @grid-item-content-active-color;
} }
} }
&__icon { &__icon {
font-size: 28px; font-size: @grid-item-icon-size;
} }
&__text { &__text {
color: @gray-darker; color: @grid-item-text-color;
font-size: 12px; font-size: @grid-item-text-font-size;
} }
&__icon + &__text { &__icon + &__text {

8
src/style/var.less
View File

@ -232,6 +232,14 @@
@field-error-message-text-color: 12px; @field-error-message-text-color: 12px;
@field-text-area-min-height: 60px; @field-text-area-min-height: 60px;
// GridItem
@grid-item-content-padding: 15px 10px;
@grid-item-content-background-color: @white;
@grid-item-content-active-color: @active-color;
@grid-item-icon-size: 28px;
@grid-item-text-color: @gray-darker;
@grid-item-text-font-size: 12px;
// GoodsAction // GoodsAction
@goods-action-background-color: @white; @goods-action-background-color: @white;
@goods-action-icon-width: 15%; @goods-action-icon-width: 15%;