Foundation
Elevation
Shadow styles from Figma effect styles.
fi-elevation-small
fi-elevation-large
| Style | CSS box-shadow |
|---|---|
| fi-elevation-small | 1px 1px 3px 0px rgba(0,66,44,0.10), 4px 4px 6px 0px rgba(0,66,44,0.09), 9px 10px 8px 0px rgba(0,66,44,0.05), 16px 17px 9px 0px rgba(0,66,44,0.01), 25px 27px 10px 0px rgba(0,66,44,0.00) |
| fi-elevation-large | 5px 4px 15px 0px rgba(0,66,44,0.04), 22px 18px 28px 0px rgba(0,66,44,0.04), 49px 40px 38px 0px rgba(0,66,44,0.02), 86px 70px 45px 0px rgba(0,66,44,0.01), 135px 110px 49px 0px rgba(0,66,44,0.00), 5px 4px 15px 0px rgba(0,66,44,0.04), 22px 18px 28px 0px rgba(0,66,44,0.04), 49px 40px 38px 0px rgba(0,66,44,0.02) |