@bee-design/ui/es/List/style/token.less

Bee Design React UI Library.

@import '../../style/theme/default.less';

@list-border-width: 1px;
@list-border-color: var(~'@{bee-cssvars-prefix}-color-border');
@list-border-radius: @radius-medium;

@list-color-text: var(~'@{bee-cssvars-prefix}-color-text-1');
@list-font-size: @font-size-body-3;
@list-line-height: @line-height-base;

@list-color-text-header: var(~'@{bee-cssvars-prefix}-color-text-1');
@list-color-bg-item-hover: var(~'@{bee-cssvars-prefix}-color-fill-1');
@list-font-size-header: @font-size-title-1;
@list-font-weight-header: @font-weight-500;
@list-line-height-header: 1.5;

/**********************************************
 * size:  small / default / large
 **********************************************/
@list-size-mini-padding-vertical-header: @spacing-1;
@list-size-mini-padding-horizontal-header: @spacing-6;
@list-size-mini-padding-vertical-item: @spacing-1;
@list-size-mini-padding-horizontal-item: @spacing-6;

@list-size-small-padding-vertical-header: @spacing-4;
@list-size-small-padding-horizontal-header: @spacing-6;
@list-size-small-padding-vertical-item: 5px;
@list-size-small-padding-horizontal-item: @spacing-6;

@list-size-default-padding-vertical-header: @spacing-6;
@list-size-default-padding-horizontal-header: @spacing-8;
@list-size-default-padding-vertical-item: 7px;
@list-size-default-padding-horizontal-item: @spacing-8;

@list-size-large-padding-vertical-header: @spacing-7;
@list-size-large-padding-horizontal-header: @spacing-8;
@list-size-large-padding-vertical-item: 9px;
@list-size-large-padding-horizontal-item: @spacing-8;

@list-size-large-font-size: @font-size-body-3;
@list-size-default-font-size: @font-size-body-3;
@list-size-small-font-size: @font-size-body-3;
@list-size-mini-font-size: @font-size-body-1;

// meta
@list-meta-font-weight-title: @font-weight-500;
@list-meta-color-title: var(~'@{bee-cssvars-prefix}-color-text-1');
@list-mete-color-description: var(~'@{bee-cssvars-prefix}-color-text-2');
@list-meta-margin-right-avatar: @spacing-7;
@list-meta-margin-bottom-title: @spacing-1;
@list-meta-padding-horizontal: @spacing-none;
@list-meta-padding-vertical: @spacing-2;

// actions
@list-action-gap: @spacing-8;
@list-action-margin-top: @spacing-2;

// pagination
@list-pagination-margin-top: @spacing-9;