style-forge.helpers/src/background.css

Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.

.bg\:n { background: none }

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

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

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

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

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

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

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

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

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

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

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