Overlay
Use overlay as an extra floating backgournd for any container as listed:
Overlay Theme
Overlay Theme Inverse
Overlay Theme Light
Overlay Dark
Overlay Secondary 900
Overlay Secondary 500
Overlay Tertiary 900
Overlay Tertiary 500
Overlay Theme Success
Overlay Theme Warning
Overlay Theme Danger
Overlay Gradient PS
Overlay Gradient PT
Overlay Gradient ST
Overlay Gradient Mesh 1
Overlay Gradient Mesh 2
Overlay Gradient Mesh 3
Overlay Theme
Overlay Theme Inverse
Overlay Theme Light
Overlay Dark
Overlay Secondary 900
Overlay Secondary 500
Overlay Tertiary 900
Overlay Tertiary 500
Overlay Theme Success
Overlay Theme Warning
Overlay Theme Danger
Overlay Gradient PS
Overlay Gradient PT
Overlay Gradient ST
Overlay Gradient Mesh 1
Overlay Gradient Mesh 2
Overlay Gradient Mesh 3
Overlay Theme
Overlay Theme Inverse
Overlay Theme Light
Overlay Dark
Overlay Secondary 900
Overlay Secondary 500
Overlay Tertiary 900
Overlay Tertiary 500
Overlay Theme Success
Overlay Theme Warning
Overlay Theme Danger
Overlay Gradient PS
Overlay Gradient PT
Overlay Gradient ST
Overlay Gradient Mesh 1
Overlay Gradient Mesh 2
Overlay Gradient Mesh 3
Use z-index-* to position the layer with
.position-relative
- .z-index-1
- .z-index-2
- .z-index-3
- .z-index-4
- .z-index-5
- .z-index-6
- .z-index-7
- .z-index-8
- .z-index-9
- .z-index-10