style-forge.media
Version:
Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.
34 lines (29 loc) • 1.02 kB
CSS
@media only screen and (min-width: 601px) and (max-width: 1024px) {
.\@tab\:pos\:a { position: absolute }
.\@tab\:pos\:f { position: fixed }
.\@tab\:pos\:r { position: relative }
.\@tab\:pos\:st { position: static }
.\@tab\:pos\:s { position: sticky }
.\@tab\:t { top: 0 }
.\@tab\:l { left: 0 }
.\@tab\:r { right: 0 }
.\@tab\:b { bottom: 0 }
.\@tab\:t\:a { top: auto }
.\@tab\:l\:a { left: auto }
.\@tab\:r\:a { right: auto }
.\@tab\:b\:a { bottom: auto }
.w.\@tab\:pos\:a, .w.\@tab\:pos\:f, .w.\@tab\:pos\:r, .w.\@tab\:pos\:s,
.\@tab\:w.\@tab\:pos\:a, .\@tab\:w.\@tab\:pos\:f, .\@tab\:w.\@tab\:pos\:r, .\@tab\:w.\@tab\:pos\:s
{ left: 0; right: 0; width: auto }
.h.\@tab\:pos\:a, .h.\@tab\:pos\:f, .h.\@tab\:pos\:r, .h.\@tab\:pos\:s,
.\@tab\:h.\@tab\:pos\:a, .\@tab\:h.\@tab\:pos\:f, .\@tab\:h.\@tab\:pos\:r, .\@tab\:h.\@tab\:pos\:s
{ top: 0; bottom: 0; height: auto }
.full.\@tab\:pos\:a,
.full.\@tab\:pos\:f
{
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}