1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 | .static { position: static; }
|
14 | .relative { position: relative; }
|
15 | .absolute { position: absolute; }
|
16 | .fixed { position: fixed; }
|
17 |
|
18 | @media (--breakpoint-not-small) {
|
19 | .static-ns { position: static; }
|
20 | .relative-ns { position: relative; }
|
21 | .absolute-ns { position: absolute; }
|
22 | .fixed-ns { position: fixed; }
|
23 | }
|
24 |
|
25 | @media (--breakpoint-medium) {
|
26 | .static-m { position: static; }
|
27 | .relative-m { position: relative; }
|
28 | .absolute-m { position: absolute; }
|
29 | .fixed-m { position: fixed; }
|
30 | }
|
31 |
|
32 | @media (--breakpoint-large) {
|
33 | .static-l { position: static; }
|
34 | .relative-l { position: relative; }
|
35 | .absolute-l { position: absolute; }
|
36 | .fixed-l { position: fixed; }
|
37 | }
|