/*

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; }

}