tdesign-mobile-vue
Version:
tdesign-mobile-vue
33 lines (31 loc) • 2.14 kB
text/less
@cell-height: var(--td-cell-height, auto);
@cell-line-height: var(--td-cell-line-height, 24px);
@cell-vertical-padding: var(--td-cell-vertical-padding, 16px);
@cell-horizontal-padding: var(--td-cell-horizontal-padding, 16px);
@cell-bg-color: var(--td-cell-bg-color, @bg-color-container);
@cell-hover-color: var(--td-cell-hover-color, @bg-color-secondarycontainer);
@cell-border-color: var(--td-cell-border-color, @component-stroke);
@cell-border-left-space: var(--td-border-left-space, @cell-horizontal-padding);
@cell-border-right-space: var(--td-cell-border-right-space, 0);
@cell-description-color: var(--td-cell-description-color, @text-color-secondary);
@cell-description-font-size: var(--td-cell-description-font-size, @font-size-base);
@cell-description-line-height: var(--td-cell-description-line-height, 22px);
@cell-note-color: var(--td-cell-note-color, @text-color-placeholder);
@cell-note-font-size: var(--td-cell-note-font-size, @font-size-m);
@cell-title-color: var(--td-cell-title-color, @text-color-primary);
@cell-title-font-size: var(--td-cell-title-font-size, @font-size-m);
@cell-left-icon-color: var(--td-cell-left-icon-color, @brand-color);
@cell-left-icon-font-size: var(--td-cell-left-icon-font-size, 24px);
@cell-right-icon-color: var(--td-cell-right-icon-color, @text-color-placeholder);
@cell-right-icon-font-size: var(--td-cell-right-icon-font-size, 24px);
@cell-required-color: var(--td-cell-required-color, @error-color-6);
@cell-required-font-size: var(--td-cell-required-font-size, @font-size-m);
@cell-image-width: var(--td-cell-image-width, 48px);
@cell-image-height: var(--td-cell-image-height, 48px);
// cell group
@cell-group-title-font-size: var(--td-cell-group-title-font-size, 14px);
@cell-group-title-line-height: var(--td-cell-group-title-line-height, 45px);
@cell-group-title-padding-left: var(--td-cell-group-title-padding-left, 16px);
@cell-group-title-bg-color: var(--td-cell-group-title-bg-color, @bg-color-secondarycontainer);
@cell-group-title-color: var(--td-cell-group-title-color, @text-color-placeholder);
@cell-group-border-color: var(--td-cell-group-border-color, @border-color);