Partner Portal

Utilities

Use utility classes to override existing element and component styles.

Margin

xx-small = 0.25rem
x-small = 0.5rem
small = 0.75rem
medium = 1rem
large = 1.5rem
x-large = 2rem
xx-large = 3rem

Padding

xx-small = 0.25rem
x-small = 0.5rem
small = 0.75rem
medium = 1rem
large = 1.5rem
x-large = 2rem
xx-large = 3rem

Elevation

Level 0
Border color: #DDDDDD
No shadow

Level 1
rgba(0, 0, 0, 0.16) 0px 0px 3px 0px,
rgba(0, 0, 0, 0.24) 0px 2px 2px 0px

Level 2
rgba(0, 0, 0, 0.16) 0px 2px 6px 0px,
rgba(0, 0, 0, 0.23) 0px 3px 6px 0px

Level 3
rgba(0, 0, 0, 0.19) 0px 7px 20px 0px,
rgba(0, 0, 0, 0.23) 0px 6px 6px 0px

Level 0
.ftds-elevation--0

Level 1
.ftds-elevation--1

Level 2
.ftds-elevation--2

Level 3
.ftds-elevation--3