These are the levels of elevation that elements can occupy.
| Layer | Components |
|---|---|
|
Base This is the default layer for all elements. |
All that are not otherwise listed. |
|
$layer-height-xs For elements that are positioned, but not intended to show up above more important elements. |
|
|
$layer-height-s Intended for elements that cover content, but are not global site scoped. |
None |
|
$layer-height-m Intended for elements that cover content, that are globally site scoped. |
|
|
$layer-height-l The layer directly beneath the highest layer. Intended for overlays. |
|
|
$layer-height-xl The uppermost layer. No elements should be positioned above this level. |
|