Variables

These are all the component specific variables that can be used for customization.

Name Value
@card-background-color @skin-surface
@card-border-radius @border-radius
@card-max-width 350px
@card-padding @space-16
@card-shadow-raised @shadow-z8
@card-shadow @shadow-z1
@card-secondary-font @font-size-medium
@card-secondary-padding 0 @card-padding @card-padding / 2 @card-padding
@card-primary-action-opacity 0.08
@card-media-border-radius @card-border-radius @card-border-radius 0 0
@card-media-16-9 56.25%
@card-media-content-color @skin-white
@card-media-content-alignment flex-end
@card-transition-duration @transition-duration-default
@card-transition-property all
@card-transition-timing ease