Lumo Elevation
Elevation is used to signify elements which are stacked on top of other elements in the UI. This page lists Lumo elevation-related CSS Custom Properties, which you can use to create visually consistent elevation styles.
Lumo includes different levels of elevation that are applied using box-shadow.
Description | CSS Custom Property |
---|---|
Extra Large |
--lumo-box-shadow-xl: |
Large |
--lumo-box-shadow-l: |
Medium |
--lumo-box-shadow-m: |
Small |
--lumo-box-shadow-s: |
Extra Small |
--lumo-box-shadow-xs: |
F3F9FE20-3BA3-4A6C-A559-DD8C7DD91E13