# Z-Index Functions

# Set Up

The z() function is about as straight forward as they come, but will be immensely helpful in keeping your sanity intact. The function will pull the values based on the $z-indexes variable in the _variables.scss file at the root of the /00_Abstracts directory.

# Example

.modal {
    z-index: z(xl);
}

.tooltip {
    z-index: z(xs);
}

.toast {
    z-index: z(md);
}

.very-important-message {
    z-index: z(trump);
}