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

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

@media only screen and (max-width: 600px) {
  .\@mob\:bg\:n { background: none }

  .\@mob\:bg\:i\:n { background-image: none }

  .\@mob\:bg\:a\:f { background-attachment: fixed }
  .\@mob\:bg\:a\:s { background-attachment: scroll }

  .\@mob\:bg\:c\:t { background-color: transparent }

  .\@mob\:bg\:b\:c { background-blend-mode: color }
  .\@mob\:bg\:b\:cb { background-blend-mode: color-burn }
  .\@mob\:bg\:b\:cd { background-blend-mode: color-dodge }
  .\@mob\:bg\:b\:d { background-blend-mode: darken }
  .\@mob\:bg\:b\:diff { background-blend-mode: difference }
  .\@mob\:bg\:b\:e { background-blend-mode: exclusion }
  .\@mob\:bg\:b\:hl { background-blend-mode: hard-light }
  .\@mob\:bg\:b\:h { background-blend-mode: hue }
  .\@mob\:bg\:b\:l { background-blend-mode: lighten }
  .\@mob\:bg\:b\:lum { background-blend-mode: luminosity }
  .\@mob\:bg\:b\:m { background-blend-mode: multiply }
  .\@mob\:bg\:b\:n { background-blend-mode: normal }
  .\@mob\:bg\:b\:o { background-blend-mode: overlay }
  .\@mob\:bg\:b\:s { background-blend-mode: saturation }
  .\@mob\:bg\:b\:sc { background-blend-mode: screen }
  .\@mob\:bg\:b\:sl { background-blend-mode: soft-light }

  .\@mob\:bg\:bk\:bb { background-break: bounding-box }
  .\@mob\:bg\:bk\:c { background-break: continuous }
  .\@mob\:bg\:bk\:eb { background-break: each-box }

  .\@mob\:bg\:sz\:a { background-size: auto }
  .\@mob\:bg\:sz\:ct { background-size: contain }
  .\@mob\:bg\:sz\:cv { background-size: cover }

  .\@mob\:bg\:p\:tl { background-position: top left }
  .\@mob\:bg\:p\:tc { background-position: top center }
  .\@mob\:bg\:p\:tr { background-position: top right }
  .\@mob\:bg\:p\:cl { background-position: center left }
  .\@mob\:bg\:p\:cc { background-position: center center }
  .\@mob\:bg\:p\:cr { background-position: center right }
  .\@mob\:bg\:p\:bl { background-position: bottom left }
  .\@mob\:bg\:p\:bc { background-position: bottom center }
  .\@mob\:bg\:p\:br { background-position: bottom right }
  .\@mob\:bg\:p\:x50y50 { background-position: 50% 50% }

  .\@mob\:bg\:r\:n { background-repeat: no-repeat }
  .\@mob\:bg\:r\:x { background-repeat: repeat-x }
  .\@mob\:bg\:r\:y { background-repeat: repeat-y }
  .\@mob\:bg\:r\:r { background-repeat: repeat }
  .\@mob\:bg\:r\:s { background-repeat: space }
  .\@mob\:bg\:r\:r { background-repeat: round }

  .\@mob\:bg\:cp\:b { background-clip: border-box }
  .\@mob\:bg\:cp\:p { background-clip: padding-box }
  .\@mob\:bg\:cp\:c { background-clip: content-box }
  .\@mob\:bg\:cp\:t { background-clip: text }

  .\@mob\:bg\:o\:b { background-origin: border-box }
  .\@mob\:bg\:o\:p { background-origin: padding-box }
  .\@mob\:bg\:o\:c { background-origin: content-box }

  .\@mob\:bg\:sz\:f { background-size: 100% 100% }
  .\@mob\:bg\:sz\:h { background-size: 100% auto }
  .\@mob\:bg\:sz\:w { background-size: auto 100% }
}