@volverjs/style/dist/utilities/backgrounds.css

@volverjs/style is a lightweight responsive CSS utility library to accompany @volverjs/ui-* and static webpages as well.

:where(.bg-fixed){background-attachment:fixed}:where(.bg-local){background-attachment:local}:where(.bg-scroll){background-attachment:scroll}:where(.bg-clip-border){background-clip:border-box}:where(.bg-clip-padding){background-clip:padding-box}:where(.bg-clip-content){background-clip:content-box}:where(.bg-clip-text){-webkit-background-clip:text;background-clip:text}:where(.bg-origin-border){background-origin:border-box}:where(.bg-origin-padding){background-origin:padding-box}:where(.bg-origin-content){background-origin:content-box}:where(.bg-bottom){background-position:bottom}:where(.bg-center){background-position:50%}:where(.bg-left){background-position:0}:where(.bg-left-bottom){background-position:0 100%}:where(.bg-left-top){background-position:0 0}:where(.bg-right){background-position:100%}:where(.bg-right-bottom){background-position:100% 100%}:where(.bg-right-top){background-position:100% 0}:where(.bg-top){background-position:top}:where(.bg-repeat){background-repeat:repeat}:where(.bg-no-repeat){background-repeat:no-repeat}:where(.bg-repeat-x){background-repeat:repeat-x}:where(.bg-repeat-y){background-repeat:repeat-y}:where(.bg-repeat-round){background-repeat:round}:where(.bg-repeat-space){background-repeat:space}:where(.bg-auto){background-size:auto}:where(.bg-cover){background-size:cover}:where(.bg-contain){background-size:contain}:where(.bg-none){background-image:var(--bg-none,none)}:where(.bg-chevron){background-image:var(--bg-chevron,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"))}:where(.bg-chessboard){background-image:var(--bg-chessboard,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='200' height='400'%3E%3Cdefs%3E%3Cpattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Crect fill='black' x='0' y='0' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='10' y='0' width='10' height='10'/%3E%3Crect fill='black' x='10' y='10' width='10' height='10' opacity='0.1'/%3E%3Crect fill='white' x='0' y='10' width='10' height='10'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23grid)' x='0' y='0' width='100%25' height='100%25'/%3E%3C/svg%3E"))}:where(.bg-grid){background-image:var(--bg-grid,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='rgb(51 65 85 / 0.25)'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E"))}:where(.bg-check){background-image:var(--bg-check,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E"))}:where(.bg-minus){background-image:var(--bg-minus,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"))}:where(.bg-close){background-image:var(--bg-close,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(21.675, 25.5229041916, 29.325)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20L4 4m16 0L4 20'/%3E%3C/svg%3E"))}:where(.bg-noise-1){background-image:var(--bg-noise-1,url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-2){background-image:var(--bg-noise-2,url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-3){background-image:var(--bg-noise-3,url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-4){background-image:var(--bg-noise-4,url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-noise-5){background-image:var(--bg-noise-5,url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"))}:where(.bg-gradient-brand){background-image:var(--gradient-brand,linear-gradient(to bottom right, var(--color-brand-darken-3), var(--color-brand), var(--color-brand-lighten-3)))}:where(.bg-gradient-accent){background-image:var(--gradient-accent,linear-gradient(to bottom right, var(--color-accent-darken-3), var(--color-accent), var(--color-accent-lighten-3)))}:where(.bg-gradient-info){background-image:var(--gradient-info,linear-gradient(to bottom right, var(--color-info-darken-3), var(--color-info), var(--color-info-lighten-3)))}:where(.bg-gradient-success){background-image:var(--gradient-success,linear-gradient(to bottom right, var(--color-success-darken-3), var(--color-success), var(--color-success-lighten-3)))}:where(.bg-gradient-warning){background-image:var(--gradient-warning,linear-gradient(to bottom right, var(--color-warning-darken-3), var(--color-warning), var(--color-warning-lighten-3)))}:where(.bg-gradient-danger){background-image:var(--gradient-danger,linear-gradient(to bottom right, var(--color-danger-darken-3), var(--color-danger), var(--color-danger-lighten-3)))}:where(.bg-gradient-gray){background-image:var(--gradient-gray,linear-gradient(to bottom right, var(--color-gray-darken-3), var(--color-gray), var(--color-gray-lighten-3)))}:where(.bg-gradient-1){background-image:var(--gradient-1,linear-gradient(to bottom right, #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b))}:where(.bg-gradient-2){background-image:var(--gradient-2,linear-gradient(to bottom right, #48005c, #8300e2, #a269ff))}:where(.bg-gradient-3){background-image:var(--gradient-3,radial-gradient(circle at top right, #0ff, #0ff0), radial-gradient(circle at bottom left, #ff1492, #ff149200))}:where(.bg-gradient-4){background-image:var(--gradient-4,linear-gradient(to bottom right, #00f5a0, #00d9f5))}:where(.bg-gradient-5){background-image:var(--gradient-5,conic-gradient(from -270deg at 75% 110%, fuchsia, floralwhite))}:where(.bg-gradient-6){background-image:var(--gradient-6,conic-gradient(from -90deg at top left, black, white))}:where(.bg-gradient-7){background-image:var(--gradient-7,linear-gradient(to bottom right, #72c6ef, #004e8f))}:where(.bg-gradient-8){background-image:var(--gradient-8,conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111))}:where(.bg-gradient-9){background-image:var(--gradient-9,conic-gradient(from .5turn at bottom center, lightblue, white))}:where(.bg-gradient-10){background-image:var(--gradient-10,conic-gradient(from 90deg at 40% -25%, gold, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, gold, gold, gold))}:where(.bg-gradient-11){background-image:var(--gradient-11,conic-gradient(at bottom left, deeppink, cyan))}:where(.bg-gradient-12){background-image:var(--gradient-12,conic-gradient(from 90deg at 25% -10%, #ff4500, #d3f340, #7bee85, #afeeee, #7bee85))}:where(.bg-gradient-13){background-image:var(--gradient-13,radial-gradient(circle at 50% 200%, #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7))}:where(.bg-gradient-14){background-image:var(--gradient-14,conic-gradient(at top right, lime, cyan))}:where(.bg-gradient-15){background-image:var(--gradient-15,linear-gradient(to bottom right, #c7d2fe, #fecaca, #fef3c7))}:where(.bg-gradient-16){background-image:var(--gradient-16,radial-gradient(circle at 50% -250%, #374151, #111827, #000))}:where(.bg-gradient-17){background-image:var(--gradient-17,conic-gradient(from -90deg at 50% -25%, blue, blueviolet))}:where(.bg-gradient-18){background-image:var(--gradient-18,linear-gradient(0deg, #f00c, #f000 75%), linear-gradient(60deg, #ff0c, #ff00 75%), linear-gradient(120deg, #0f0c, #0f00 75%), linear-gradient(180deg, #0ffc, #0ff0 75%), linear-gradient(240deg, #00fc, #00f0 75%), linear-gradient(300deg, #f0fc, #f0f0 75%))}:where(.bg-gradient-19){background-image:var(--gradient-19,linear-gradient(to bottom right, #ffe259, #ffa751))}:where(.bg-gradient-20){background-image:var(--gradient-20,conic-gradient(from -135deg at -10% center, orange, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4))}:where(.bg-gradient-21){background-image:var(--gradient-21,conic-gradient(from -90deg at 25% 115%, red, #f06, #f0c, #c0f, #60f, #00f, #00f, #00f, #00f))}:where(.bg-gradient-22){background-image:var(--gradient-22,linear-gradient(to bottom right, #acb6e5, #86fde8))}:where(.bg-gradient-23){background-image:var(--gradient-23,linear-gradient(to bottom right, #536976, #292e49))}:where(.bg-gradient-24){background-image:var(--gradient-24,conic-gradient(from .5turn at 0% 0%, #00c476, 10%, #82b0ff, 90%, #00c476))}:where(.bg-gradient-25){background-image:var(--gradient-25,conic-gradient(at 125% 50%, #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7))}:where(.bg-gradient-26){background-image:var(--gradient-26,linear-gradient(to bottom right, #9796f0, #fbc7d4))}:where(.bg-gradient-27){background-image:var(--gradient-27,conic-gradient(from .5turn at bottom left, deeppink, #639))}:where(.bg-gradient-28){background-image:var(--gradient-28,conic-gradient(from -90deg at 50% 105%, white, orchid))}:where(.bg-gradient-29){background-image:var(--gradient-29,radial-gradient(circle at top right, #bfb3ff, #bfb3ff00), radial-gradient(circle at bottom left, #86acf9, #86acf900))}:where(.bg-gradient-30){background-image:var(--gradient-30,radial-gradient(circle at top right, #00ff80, #00ff8000), radial-gradient(circle at bottom left, #adffd6, #adffd600))}