1 | .foo {
|
2 | z-index: 1;
|
3 | }
|
4 |
|
5 | @media (min-width: 999px) {
|
6 | .foo {
|
7 | z-index: 4;
|
8 | }
|
9 | }
|
10 |
|
11 | .bar {
|
12 | z-index: 2;
|
13 | }
|
14 |
|
15 | @media (min-width: 999px) {
|
16 | .bar {
|
17 | z-index: 5;
|
18 | }
|
19 | }
|
20 |
|
21 | .baz {
|
22 | z-index: 3;
|
23 | }
|
24 |
|
25 | @media (min-width: 999px) {
|
26 | .baz {
|
27 | z-index: 6;
|
28 | }
|
29 | }
|