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;
box-sizing: border-box;
height: 100%;
padding: 15px 10px;
background-color: #fff;
padding: @grid-item-content-padding;
background-color: @grid-item-content-background-color;
&::after {
z-index: 1;
@ -40,17 +40,17 @@
}
&--clickable:active {
background-color: @active-color;
background-color: @grid-item-content-active-color;
}
}
&__icon {
font-size: 28px;
font-size: @grid-item-icon-size;
}
&__text {
color: @gray-darker;
font-size: 12px;
color: @grid-item-text-color;
font-size: @grid-item-text-font-size;
}
&__icon + &__text {

8
src/style/var.less
View File

@ -232,6 +232,14 @@
@field-error-message-text-color: 12px;
@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
@goods-action-background-color: @white;
@goods-action-icon-width: 15%;