Variables
These are all the component specific variables that can be used for customization.
Name | Value |
---|---|
@list-padding | @space-8 0 |
@list-color | @skin-text-primary-on-background |
@list-color-secondary | @skin-text-hint-on-background |
@list-two-line-height | @space-72 |
@list-three-line-height | @space-96 |
@list-avatar-bg-color | @list-color-secondary |
@list-avatar-border-radius | @border-radius-rounded |
@list-avatar-color | @skin-white |
@list-avatar-height | @space-40 |
@list-avatar-margin | 0 @space-16 0 0 |
@list-avatar-width | @space-40 |
@list-item-align | center |
@list-item-cursor | pointer |
@list-item-display | flex |
@list-item-height | @space-48 |
@list-item-justify-content | flex-start |
@list-item-outline | 0 |
@list-item-padding | @space-0 @space-16 |
@list-item-position | relative |
@list-item-text-line-heigth | @line-height-secondary |
@list-item-primary-align | center |
@list-item-primary-color | @list-color-secondary |
@list-item-primary-display | inline-flex |
@list-item-primary-fill | currentColor |
@list-item-primary-flex-shrink | 0 |
@list-item-primary-height | @space-24 |
@list-item-primary-justify-content | center |
@list-item-primary-margin | 0 @space-32 0 0 |
@list-item-primary-width | @space-24 |
@list-item-text-primary-display | block |
@list-item-text-secondary-color | @list-color-secondary |
@list-item-text-secondary-display | block |
@list-item-text-secondary-font-size | @font-size-medium |
@list-item-secondary-color | @list-color-secondary |