style-forge.media/src/mobile/position.css

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

@media only screen and (max-width: 600px) {
  .\@mob\:pos\:a { position: absolute }
  .\@mob\:pos\:f { position: fixed }
  .\@mob\:pos\:r { position: relative }
  .\@mob\:pos\:st { position: static }
  .\@mob\:pos\:s { position: sticky }

  .\@mob\:t { top: 0 }
  .\@mob\:l { left: 0 }
  .\@mob\:r { right: 0 }
  .\@mob\:b { bottom: 0 }

  .\@mob\:t\:a { top: auto }
  .\@mob\:l\:a { left: auto }
  .\@mob\:r\:a { right: auto }
  .\@mob\:b\:a { bottom: auto }

  .w.\@mob\:pos\:a, .w.\@mob\:pos\:f, .w.\@mob\:pos\:r, .w.\@mob\:pos\:s,
  .\@mob\:w.\@mob\:pos\:a, .\@mob\:w.\@mob\:pos\:f, .\@mob\:w.\@mob\:pos\:r, .\@mob\:w.\@mob\:pos\:s
  { left: 0; right: 0; width: auto }
  .h.\@mob\:pos\:a, .h.\@mob\:pos\:f, .h.\@mob\:pos\:r, .h.\@mob\:pos\:s,
  .\@mob\:h.\@mob\:pos\:a, .\@mob\:h.\@mob\:pos\:f, .\@mob\:h.\@mob\:pos\:r, .\@mob\:h.\@mob\:pos\:s
  { top: 0; bottom: 0; height: auto }

  .full.\@mob\:pos\:a,
  .full.\@mob\:pos\:f
  {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}