style-forge.media/src/tablet/content-position.css

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

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .\@tab\:y\:c, .d\:f\:y.\@tab\:x\:c .\@tab\:d\:f\:y.\@tab\:x\:c { align-content: center }
  .\@tab\:y\:c\:b, .d\:f\:y.\@tab\:x\:c\:b, .\@tab\:d\:f\:y.\@tab\:x\:c\:b { align-content: baseline }
  .\@tab\:y\:c\:n, .d\:f\:y.\@tab\:x\:c\:n, .\@tab\:d\:f\:y.\@tab\:x\:c\:n { align-content: normal }
  .\@tab\:y\:c\:e, .d\:f\:y.\@tab\:x\:c\:e, .\@tab\:d\:f\:y.\@tab\:x\:c\:e { align-content: end }
  .\@tab\:y\:c\:s, .d\:f\:y.\@tab\:x\:c\:s, .\@tab\:d\:f\:y.\@tab\:x\:c\:s { align-content: start }
  .\@tab\:y\:c\:sa, .d\:f\:y.\@tab\:x\:c\:sa, .\@tab\:d\:f\:y.\@tab\:x\:c\:sa { align-content: space-around }
  .\@tab\:y\:c\:sb, .d\:f\:y.\@tab\:x\:c\:sb, .\@tab\:d\:f\:y.\@tab\:x\:c\:sb { align-content: space-between }
  .\@tab\:y\:c\:se, .d\:f\:y.\@tab\:x\:c\:se, .\@tab\:d\:f\:y.\@tab\:x\:c\:se { align-content: space-evenly }

  .\@tab\:y\:i, .d\:f\:y.\@tab\:x\:i, .\@tab\:d\:f\:y.\@tab\:x\:i { align-items: center }
  .\@tab\:y\:i\:b, .d\:f\:y.\@tab\:x\:i\:b, .\@tab\:d\:f\:y.\@tab\:x\:i\:b { align-items: baseline }
  .\@tab\:y\:i\:e, .d\:f\:y.\@tab\:x\:i\:e, .\@tab\:d\:f\:y.\@tab\:x\:i\:e { align-items: end }
  .\@tab\:y\:i\:s, .d\:f\:y.\@tab\:x\:i\:s, .\@tab\:d\:f\:y.\@tab\:x\:i\:s { align-items: start }
  .\@tab\:y\:i\:st, .d\:f\:y.\@tab\:x\:i\:st, .\@tab\:d\:f\:y.\@tab\:x\:i\:st { align-items: stretch }

  .\@tab\:y\:s, .d\:f\:y.\@tab\:x\:s, .\@tab\:d\:f\:y.\@tab\:x\:s { align-self: center }
  .\@tab\:y\:s\:a, .d\:f\:y.\@tab\:x\:s\:a, .\@tab\:d\:f\:y.\@tab\:x\:s\:a { align-self: auto }
  .\@tab\:y\:s\:n, .d\:f\:y.\@tab\:x\:s\:n, .\@tab\:d\:f\:y.\@tab\:x\:s\:n { align-self: normal }
  .\@tab\:y\:s\:b, .d\:f\:y.\@tab\:x\:s\:b, .\@tab\:d\:f\:y.\@tab\:x\:s\:b { align-self: baseline }
  .\@tab\:y\:s\:e, .d\:f\:y.\@tab\:x\:s\:e, .\@tab\:d\:f\:y.\@tab\:x\:s\:e { align-self: end }
  .\@tab\:y\:s\:s, .d\:f\:y.\@tab\:x\:s\:s, .\@tab\:d\:f\:y.\@tab\:x\:s\:s { align-self: start }
  .\@tab\:y\:s\:st, .d\:f\:y.\@tab\:x\:s\:st, .\@tab\:d\:f\:y.\@tab\:x\:s\:st { align-self: stretch }

  .\@tab\:x\:c, .d\:f\:y.\@tab\:y\:c, .\@tab\:d\:f\:y.\@tab\:y\:c { justify-content: center }
  .\@tab\:x\:c\:n, .d\:f\:y.\@tab\:y\:c\:n, .\@tab\:d\:f\:y.\@tab\:y\:c\:n { justify-content: normal }
  .\@tab\:x\:c\:e, .d\:f\:y.\@tab\:y\:c\:e, .\@tab\:d\:f\:y.\@tab\:y\:c\:e { justify-content: end }
  .\@tab\:x\:c\:s, .d\:f\:y.\@tab\:y\:c\:s, .\@tab\:d\:f\:y.\@tab\:y\:c\:s { justify-content: start }
  .\@tab\:x\:c\:sa, .d\:f\:y.\@tab\:y\:c\:sa, .\@tab\:d\:f\:y.\@tab\:y\:c\:sa { justify-content: space-around }
  .\@tab\:x\:c\:sb, .d\:f\:y.\@tab\:y\:c\:sb, .\@tab\:d\:f\:y.\@tab\:y\:c\:sb { justify-content: space-between }
  .\@tab\:x\:c\:se, .d\:f\:y.\@tab\:y\:c\:se, .\@tab\:d\:f\:y.\@tab\:y\:c\:se { justify-content: space-evenly }

  .\@tab\:x\:i, .d\:f\:y.\@tab\:y\:i, .\@tab\:d\:f\:y.\@tab\:y\:i { justify-items: center }
  .\@tab\:x\:i\:b, .d\:f\:y.\@tab\:y\:i\:b, .\@tab\:d\:f\:y.\@tab\:y\:i\:b { justify-items: baseline }
  .\@tab\:x\:i\:e, .d\:f\:y.\@tab\:y\:i\:e, .\@tab\:d\:f\:y.\@tab\:y\:i\:e { justify-items: end }
  .\@tab\:x\:i\:s, .d\:f\:y.\@tab\:y\:i\:s, .\@tab\:d\:f\:y.\@tab\:y\:i\:s { justify-items: start }
  .\@tab\:x\:i\:st, .d\:f\:y.\@tab\:y\:i\:st, .\@tab\:d\:f\:y.\@tab\:y\:i\:st { justify-items: stretch }

  .\@tab\:x\:s, .d\:f\:y.\@tab\:y\:s, .\@tab\:d\:f\:y.\@tab\:y\:s { justify-self: center }
  .\@tab\:x\:s\:a, .d\:f\:y.\@tab\:y\:s\:a, .\@tab\:d\:f\:y.\@tab\:y\:s\:a { justify-self: auto }
  .\@tab\:x\:s\:n, .d\:f\:y.\@tab\:y\:s\:n, .\@tab\:d\:f\:y.\@tab\:y\:s\:n { justify-self: normal }
  .\@tab\:x\:s\:b, .d\:f\:y.\@tab\:y\:s\:b, .\@tab\:d\:f\:y.\@tab\:y\:s\:b { justify-self: baseline }
  .\@tab\:x\:s\:e, .d\:f\:y.\@tab\:y\:s\:e, .\@tab\:d\:f\:y.\@tab\:y\:s\:e { justify-self: end }
  .\@tab\:x\:s\:s, .d\:f\:y.\@tab\:y\:s\:s, .\@tab\:d\:f\:y.\@tab\:y\:s\:s { justify-self: start }
  .\@tab\:x\:s\:st, .d\:f\:y.\@tab\:y\:s\:st, .\@tab\:d\:f\:y.\@tab\:y\:s\:st { justify-self: stretch }

  /* /// */

  html.xy .\@tab\:y\:c\:e, html.xy .d\:f\:y.\@tab\:x\:c\:e, html.xy .\@tab\:d\:f\:y.\@tab\:x\:c\:e { align-content: flex-end }
  html.xy .\@tab\:y\:c\:s, html.xy .d\:f\:y.\@tab\:x\:c\:s, html.xy .\@tab\:d\:f\:y.\@tab\:x\:c\:s { align-content: flex-start }
  html.xy .\@tab\:y\:i\:e, html.xy .d\:f\:y.\@tab\:x\:i\:e, html.xy .\@tab\:d\:f\:y.\@tab\:x\:i\:e { align-items: flex-end }
  html.xy .\@tab\:y\:i\:s, html.xy .d\:f\:y.\@tab\:x\:i\:s, html.xy .\@tab\:d\:f\:y.\@tab\:x\:i\:s { align-items: flex-start }
  html.xy .\@tab\:y\:s\:e, html.xy .d\:f\:y.\@tab\:x\:s\:e, html.xy .\@tab\:d\:f\:y.\@tab\:x\:s\:e { align-self: flex-end }
  html.xy .\@tab\:y\:s\:s, html.xy .d\:f\:y.\@tab\:x\:s\:s, html.xy .\@tab\:d\:f\:y.\@tab\:x\:s\:s { align-self: flex-start }
  html.xy .\@tab\:x\:c\:e, html.xy .d\:f\:y.\@tab\:y\:c\:e, html.xy .\@tab\:d\:f\:y.\@tab\:y\:c\:e { justify-content: flex-end }
  html.xy .\@tab\:x\:c\:s, html.xy .d\:f\:y.\@tab\:y\:c\:s, html.xy .\@tab\:d\:f\:y.\@tab\:y\:c\:s { justify-content: flex-start }
  html.xy .\@tab\:x\:i\:e, html.xy .d\:f\:y.\@tab\:y\:i\:e, html.xy .\@tab\:d\:f\:y.\@tab\:y\:i\:e { justify-items: flex-end }
  html.xy .\@tab\:x\:i\:s, html.xy .d\:f\:y.\@tab\:y\:i\:s, html.xy .\@tab\:d\:f\:y.\@tab\:y\:i\:s { justify-items: flex-start }
  html.xy .\@tab\:x\:s\:e, html.xy .d\:f\:y.\@tab\:y\:s\:e, html.xy .\@tab\:d\:f\:y.\@tab\:y\:s\:e { justify-self: flex-end }
  html.xy .\@tab\:x\:s\:s, html.xy .d\:f\:y.\@tab\:y\:s\:s, html.xy .\@tab\:d\:f\:y.\@tab\:y\:s\:s { justify-self: flex-start }

  html.flex .\@tab\:y\:c > *, html.flex .d\:f\:y.\@tab\:x\:c > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:c > *,
  html.flex .\@tab\:y\:i > *, html.flex .d\:f\:y.\@tab\:x\:i > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:i > *,
  html.flex .\@tab\:y\:s > *, html.flex .d\:f\:y.\@tab\:x\:s > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:s > *
  { vertical-align: middle }

  html.flex .\@tab\:y\:c\:s > *, html.flex .d\:f\:y.\@tab\:x\:c\:s > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:c\:s > *,
  html.flex .\@tab\:y\:i\:s > *, html.flex .d\:f\:y.\@tab\:x\:i\:s > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:i\:s > *,
  html.flex .\@tab\:y\:s\:s > *, html.flex .d\:f\:y.\@tab\:x\:s\:s > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:s\:s > *
  { vertical-align: top }

  html.flex .\@tab\:y\:c\:e > *, html.flex .d\:f\:y.\@tab\:x\:c\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:c\:e > *,
  html.flex .\@tab\:y\:i\:e > *, html.flex .d\:f\:y.\@tab\:x\:i\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:i\:e > *,
  html.flex .\@tab\:y\:s\:e > *, html.flex .d\:f\:y.\@tab\:x\:s\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:x\:s\:e > *
  { vertical-align: bottom }

  html.flex .\@tab\:x\:c, html.flex .d\:f\:y.\@tab\:y\:c, html.flex .\@tab\:d\:f\:y.\@tab\:y\:c,
  html.flex .\@tab\:x\:i, html.flex .d\:f\:y.\@tab\:y\:i, html.flex .\@tab\:d\:f\:y.\@tab\:y\:i,
  html.flex .\@tab\:x\:s, html.flex .d\:f\:y.\@tab\:y\:s, html.flex .\@tab\:d\:f\:y.\@tab\:y\:s
  { text-align: center }

  html.flex .\@tab\:x\:c\:s, html.flex .d\:f\:y.\@tab\:y\:c\:s, html.flex .\@tab\:d\:f\:y.\@tab\:y\:c\:s,
  html.flex .\@tab\:x\:i\:s, html.flex .d\:f\:y.\@tab\:y\:i\:s, html.flex .\@tab\:d\:f\:y.\@tab\:y\:i\:s,
  html.flex .\@tab\:x\:s\:s, html.flex .d\:f\:y.\@tab\:y\:s\:s, html.flex .\@tab\:d\:f\:y.\@tab\:y\:s\:s
  { text-align: left }

  html.flex .\@tab\:x\:c\:e, html.flex .d\:f\:y.\@tab\:y\:c\:e, html.flex .\@tab\:d\:f\:y.\@tab\:y\:c\:e,
  html.flex .\@tab\:x\:i\:e, html.flex .d\:f\:y.\@tab\:y\:i\:e, html.flex .\@tab\:d\:f\:y.\@tab\:y\:i\:e,
  html.flex .\@tab\:x\:s\:e, html.flex .d\:f\:y.\@tab\:y\:s\:e, html.flex .\@tab\:d\:f\:y.\@tab\:y\:s\:e
  { text-align: right }

  html.flex .\@tab\:x\:c > *, html.flex .d\:f\:y.\@tab\:y\:c > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:c > *,
  html.flex .\@tab\:x\:i > *, html.flex .d\:f\:y.\@tab\:y\:i > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:i > *,
  html.flex .\@tab\:x\:s > *, html.flex .d\:f\:y.\@tab\:y\:s > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:s > *,
  html.flex .\@tab\:x\:c\:e > *, html.flex .d\:f\:y.\@tab\:y\:c\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:c\:e > *,
  html.flex .\@tab\:x\:i\:e > *, html.flex .d\:f\:y.\@tab\:y\:i\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:i\:e > *,
  html.flex .\@tab\:x\:s\:e > *, html.flex .d\:f\:y.\@tab\:y\:s\:e > *, html.flex .\@tab\:d\:f\:y.\@tab\:y\:s\:e > *
  { text-align: left }
}