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