ciser
Version:
Functional CSS, help quickly build and design new UI without writing css.
42 lines (37 loc) • 1.11 kB
CSS
/*
POSITIONING
Docs: http://tachyons.io/docs/layout/position/
Media Query Extensions:
-ns = not-small
-m = medium -ml = mobile landscape
-ml = mobile landscape
-l = large
*/
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
@media screen and (min-width: 30em) {
.static-ns { position: static; }
.relative-ns { position: relative; }
.absolute-ns { position: absolute; }
.fixed-ns { position: fixed; }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
.static-m { position: static; }
.relative-m { position: relative; }
.absolute-m { position: absolute; }
.fixed-m { position: fixed; }
}
@media screen and (max-width: 60em) and (orientation: landscape) {
.static-ml { position: static; }
.relative-ml { position: relative; }
.absolute-ml { position: absolute; }
.fixed-ml { position: fixed; }
}
@media screen and (min-width: 60em) {
.static-l { position: static; }
.relative-l { position: relative; }
.absolute-l { position: absolute; }
.fixed-l { position: fixed; }
}