UNPKG

830 BCSSView Raw
1/*
2
3 POSITIONING
4 Docs: http://tachyons.io/docs/layout/position/
5
6 Media Query Extensions:
7 -ns = not-small
8 -m = medium
9 -l = large
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}