/**
 * Z-INDEX
 *
 * Modifiers:
 *  - 0 = literal value `0`
 *  - 1 = literal value `1`
 *  - 2 = literal value `2`
 *  - 3 = literal value `3`
 *  - 4 = literal value `4`
 *  - 5 = literal value `5`
 *  - 999 = literal value `999`
 *  - 9999 = literal value `9999`
 *  - max = largest accepted z-index value as an integer
 *  - inherit = string value `inherit`
 *  - initial = string value `initial`
 *  - unset = string value `unset`
 *
 * MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
 * Spec: http://www.w3.org/TR/CSS2/zindex.html
 * Articles:
 *  - https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
 *
 * Tips on extending:
 *   There might be a time worth using negative z-index values.
 *   In that case, use a syntax in the pattern of `u-z-n1`.
 */

.u-z-0 { z-index: 0 !important; }
.u-z-1 { z-index: 1 !important; }
.u-z-2 { z-index: 2 !important; }
.u-z-3 { z-index: 3 !important; }
.u-z-4 { z-index: 4 !important; }
.u-z-5 { z-index: 5 !important; }

.u-z-999 { z-index: 999 !important; }
.u-z-9999 { z-index: 9999 !important; }

.u-z-max {
  z-index: 2147483647 !important;
}

.u-z-inherit { z-index: inherit !important; }
.u-z-initial { z-index: initial !important; }
.u-z-unset { z-index: unset !important; }