tdesign-mobile-vue
Version:
tdesign-mobile-vue
25 lines (22 loc) • 1.71 kB
text/less
@item: ~"@{prefix}-grid-item";
@grid-item-icon-font-size: 24px;
@grid-item-vertical-padding: var(--td-grid-item-vertical-padding, 16px 0 12px);
@grid-item-horizontal-padding: var(--td-grid-item-horizontal-padding, 16px 0);
@grid-item-bg-color: var(--td-grid-item-bg-color, @bg-color-container);
@grid-item-image-bg-color: var(--td-grid-item-image-bg-color, @bg-color-secondarycontainer);
@grid-item-image-border-radius: var(--td-grid-item-image-border-radius, @radius-default);
@grid-item-image-width: var(--td-grid-item-image-width, 48px);
@grid-item-image-small-width: var(--td-grid-item-image-small-width, 32px);
@grid-item-image-middle-width: var(--td-grid-item-image-middle-width, 40px);
@grid-item-text-color: var(--td-grid-item-text-color, @text-color-primary);
@grid-item-text-font-size: var(--td-grid-item-text-font-size, 14px);
@grid-item-text-line-height: var(--td-grid-item-text-line-height, 22px);
@grid-item-text-padding-top: var(--td-grid-item-text-padding-top, 8px);
@grid-item-description-font-size: var(--td-grid-item-description-font-size, 12px);
@grid-item-description-line-height: var(--td-grid-item-description-line-height, 20px);
@grid-item-description-color: var(--td-grid-item-description-color, @text-color-placeholder);
@grid-item-description-padding-top: var(--td-grid-item-description-padding-top, 4px);
@grid-item-hover-bg-color: var(--td-grid-item-hover-bg-color, @bg-color-secondarycontainer);
@grid-item-horizontal-text-padding-left: var(--td-grid-item-horizontal-text-padding-left, 12px);
@grid-item-horizontal-text-description-top: var(--td-grid-item-horizontal-text-description-top, 2px);
@grid-item-border-color: var(--td-grid-item-border-color, @component-stroke);