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