1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- /*
-
- Z-INDEX
-
- Base
- z = 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 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.
- Or if you are using tachyons with another project, you might need to
- adjust these values to suit your needs.
-
- */
-
- .z-0 { z-index: 0; }
- .z-1 { z-index: 1; }
- .z-2 { z-index: 2; }
- .z-3 { z-index: 3; }
- .z-4 { z-index: 4; }
- .z-5 { z-index: 5; }
-
- .z-999 { z-index: 999; }
- .z-9999 { z-index: 9999; }
-
- .z-max {
- z-index: 2147483647;
- }
-
- .z-inherit { z-index: inherit; }
- .z-initial { z-index: initial; }
- .z-unset { z-index: unset; }
|