Accordions
Anatomy

Properties
CSS Tokens : layout
State | Property | Token |
---|---|---|
Default | padding (top) | mu-125 (1.25rem) |
Default | padding-left | mu-050 (0.5rem) |
Default | margin (icon) | mu-100 (1rem) |
Default | font-size | size.font.06 (16px) |
CSS Tokens : color

State | Element | Token |
---|---|---|
Default | color (Title) | $color-grey-900 |
Default | color (Content) | $color-grey-800 |
Disabled | color (Title) | $color-grey-600 |
Disabled | color (Content) | $color-grey-600 |
Disabled | background-color (Title) | $color-grey-100 |
CSS Tokens : content

State | Property | Token |
---|---|---|
Default | padding-bottom | mu-150 (1.5rem) |