38 lines
830 B
CSS
38 lines
830 B
CSS
/*
|
|
|
|
POSITIONING
|
|
Docs: http://tachyons.io/docs/layout/position/
|
|
|
|
Media Query Extensions:
|
|
-ns = not-small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
.static { position: static; }
|
|
.relative { position: relative; }
|
|
.absolute { position: absolute; }
|
|
.fixed { position: fixed; }
|
|
|
|
@media (--breakpoint-not-small) {
|
|
.static-ns { position: static; }
|
|
.relative-ns { position: relative; }
|
|
.absolute-ns { position: absolute; }
|
|
.fixed-ns { position: fixed; }
|
|
}
|
|
|
|
@media (--breakpoint-medium) {
|
|
.static-m { position: static; }
|
|
.relative-m { position: relative; }
|
|
.absolute-m { position: absolute; }
|
|
.fixed-m { position: fixed; }
|
|
}
|
|
|
|
@media (--breakpoint-large) {
|
|
.static-l { position: static; }
|
|
.relative-l { position: relative; }
|
|
.absolute-l { position: absolute; }
|
|
.fixed-l { position: fixed; }
|
|
}
|