Layers

Layers determine the z-index of an element. Most scenarios should suffice with just using these classes.

Class z-index Purpose
.sme-layer-dialog 900 Use for Dialog component stack.
.sme-layer-flyout 700 Use for all other flyout elements.
.sme-layer-nav 500 Use for navigational elements. (menus)
.sme-layer-over 300 Use for elements that need to be raised more out of the normal flow.
.sme-layer-above 100 Use for elements that need to be raised out of the normal flow.
.sme-layer-neutral 1 Common z-index value for elements that need to be above baseline.
.sme-layer-default 0 Default browser element z-index (baseline).
.sme-layer-below -1 Use for elements that need to live below the normal flow of the document.
.sme-layer-buried -2 Reserved for lowest elements in the stack