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

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

@media only screen and (max-width: 600px) {
  .\@mob\:w { width: 100% }
  .\@mob\:w\:0 { width: 0 }
  .\@mob\:w\:a { width: auto }
  .\@mob\:w\:min { min-width: 0 }
  .\@mob\:w\:min\:100 { min-width: 100% }
  .\@mob\:w\:max { max-width: none }
  .\@mob\:w\:max\:0 { max-width: 0 }
  .\@mob\:w\:max\:100 { max-width: 100% }
  .\@mob\:vw { width: 100vw }
  .\@mob\:vw\:min { min-width: 100vw }
  .\@mob\:vw\:max { max-width: 100vw }

  .\@mob\:h { height: 100% }
  .\@mob\:h\:0 { height: 0 }
  .\@mob\:h\:a { height: auto }
  .\@mob\:h\:min { min-height: 0 }
  .\@mob\:h\:min\:100 { min-height: 100% }
  .\@mob\:h\:max { max-height: none }
  .\@mob\:h\:max\:0 { max-height: 0 }
  .\@mob\:h\:max\:100 { max-height: 100% }
  .\@mob\:vh { height: 100vh }
  .\@mob\:vh\:min { min-height: 100vh }
  .\@mob\:vh\:max { max-height: 100vh }
}