/*
@styleguide
@title Z-Index

Set the z-index of an element to `1`, `2`, or `3`.

We intentionally only provide a small set of indexes. If you're needing to set a
z-index higher than 3 there's a good chance there's a bigger problem related to
element ordering and the use of stacking contexts that needs to be addressed.

```
<div class="position--r z-index--1">Stack me!</div>
```
*/

.z-index--1 {
  z-index: 1;
}
.z-index--2 {
  z-index: 2;
}
.z-index--3 {
  z-index: 3;
}