Elevation
Elevation
Elevation is the relative distance between two surfaces along the z-axis.
| Class | Effect | Example |
|---|---|---|
shadow--1dp |
Elevation level 1 | Level1 |
Z-index
Keeping consisten z-index will make your code bug free!
| Index name | Depth | Usage |
|---|---|---|
--z-index-dropdown |
1000 | On dropdowns. |
--z-index-modal-backdrop |
1100 | On modal backdrop / overlay. |
--z-index-modal |
1200 | On modal itself. |
--z-index-header-right |
1300 | On the right part of the main header. |
--z-index-usersnap |
5000 | On elements that need to be on top (usersnap, snackbars, cookies panel) |