feat(CellGroup): cellGroup 组件样式变量化 (#2213)

This commit is contained in:
Lindy 2019-10-29 09:29:25 +08:00 committed by neverland
parent 6d13e10fb5
commit af62dcfb5f
2 changed files with 12 additions and 5 deletions

View File

@ -3,9 +3,9 @@
.van-cell-group { .van-cell-group {
&__title { &__title {
padding: 15px 15px 5px; .theme(padding, '@cell-group-title-padding');
font-size: 14px; .theme(font-size, '@cell-group-title-font-size');
line-height: 16px; .theme(line-height, '@cell-group-title-line-height');
.theme(color, '@gray-dark'); .theme(color, '@cell-group-title-color');
} }
} }

View File

@ -139,6 +139,13 @@
@cell-large-title-font-size: @font-size-lg; @cell-large-title-font-size: @font-size-lg;
@cell-large-label-font-size: @font-size-md; @cell-large-label-font-size: @font-size-md;
// CellGroup
@cell-group-background-color: @white;
@cell-group-title-color: @gray-dark;
@cell-group-title-padding: @padding-md @padding-md @padding-xs;
@cell-group-title-font-size: @font-size-md;
@cell-group-title-line-height: 16px;
// Checkbox // Checkbox
@checkbox-size: 20px; @checkbox-size: 20px;
@checkbox-border-color: @gray-light; @checkbox-border-color: @gray-light;
@ -336,4 +343,4 @@
@dropdown-menu-title-disabled-text-color: @gray-dark; @dropdown-menu-title-disabled-text-color: @gray-dark;
@dropdown-menu-title-padding: 0 @padding-xs; @dropdown-menu-title-padding: 0 @padding-xs;
@dropdown-menu-title-line-height: 18px; @dropdown-menu-title-line-height: 18px;
@dropdown-menu-option-active-color: @blue; @dropdown-menu-option-active-color: @blue;