| 1 | /*
|
| 2 |
|
| 3 | Z-INDEX
|
| 4 |
|
| 5 | Base
|
| 6 | z = z-index
|
| 7 |
|
| 8 | Modifiers
|
| 9 | -0 = literal value 0
|
| 10 | -1 = literal value 1
|
| 11 | -2 = literal value 2
|
| 12 | -3 = literal value 3
|
| 13 | -4 = literal value 4
|
| 14 | -5 = literal value 5
|
| 15 | -999 = literal value 999
|
| 16 | -9999 = literal value 9999
|
| 17 |
|
| 18 | -max = largest accepted z-index value as integer
|
| 19 |
|
| 20 | -inherit = string value inherit
|
| 21 | -initial = string value initial
|
| 22 | -unset = string value unset
|
| 23 |
|
| 24 | MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
|
| 25 | Spec: http://www.w3.org/TR/CSS2/zindex.html
|
| 26 | Articles:
|
| 27 | https://philipwalton.com/articles/what-no-one-told-you-about-z-index/
|
| 28 |
|
| 29 | Tips on extending:
|
| 30 | There might be a time worth using negative z-index values.
|
| 31 | Or if you are using tachyons with another project, you might need to
|
| 32 | adjust these values to suit your needs.
|
| 33 |
|
| 34 | */
|
| 35 |
|
| 36 | .z-0 { z-index: 0; }
|
| 37 | .z-1 { z-index: 1; }
|
| 38 | .z-2 { z-index: 2; }
|
| 39 | .z-3 { z-index: 3; }
|
| 40 | .z-4 { z-index: 4; }
|
| 41 | .z-5 { z-index: 5; }
|
| 42 |
|
| 43 | .z-999 { z-index: 999; }
|
| 44 | .z-9999 { z-index: 9999; }
|
| 45 |
|
| 46 | .z-max {
|
| 47 | z-index: 2147483647;
|
| 48 | }
|
| 49 |
|
| 50 | .z-inherit { z-index: inherit; }
|
| 51 | .z-initial { z-index: initial; }
|
| 52 | .z-unset { z-index: unset; }
|
| 53 |
|