cerebrate/webroot/theme/scss/mixins/_background.scss

5 lines
4.3 KiB
SCSS
Raw Normal View History

@mixin background-svg($color) {
background-image: url(escape-svg("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100%'><defs><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%' gradientTransform='rotate(0,960,497)'><stop offset='0.7' stop-color='%23F8F9FA'/><stop offset='1' stop-color='#{$color}'/></linearGradient><pattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'><g fill-opacity='0.05'><polygon fill='%23444' points='90 150 0 300 180 300'/><polygon points='90 150 180 0 0 0'/><polygon fill='%23AAA' points='270 150 360 0 180 0'/><polygon fill='%23DDD' points='450 150 360 300 540 300'/><polygon fill='%23999' points='450 150 540 0 360 0'/><polygon points='630 150 540 300 720 300'/><polygon fill='%23DDD' points='630 150 720 0 540 0'/><polygon fill='%23444' points='810 150 720 300 900 300'/><polygon fill='%23FFF' points='810 150 900 0 720 0'/><polygon fill='%23DDD' points='990 150 900 300 1080 300'/><polygon fill='%23444' points='990 150 1080 0 900 0'/><polygon fill='%23DDD' points='90 450 0 600 180 600'/><polygon points='90 450 180 300 0 300'/><polygon fill='%23666' points='270 450 180 600 360 600'/><polygon fill='%23AAA' points='270 450 360 300 180 300'/><polygon fill='%23DDD' points='450 450 360 600 540 600'/><polygon fill='%23999' points='450 450 540 300 360 300'/><polygon fill='%23999' points='630 450 540 600 720 600'/><polygon fill='%23FFF' points='630 450 720 300 540 300'/><polygon points='810 450 720 600 900 600'/><polygon fill='%23DDD' points='810 450 900 300 720 300'/><polygon fill='%23AAA' points='990 450 900 600 1080 600'/><polygon fill='%23444' points='990 450 1080 300 900 300'/><polygon fill='%23222' points='90 750 0 900 180 900'/><polygon points='270 750 180 900 360 900'/><polygon fill='%23DDD' points='270 750 360 600 180 600'/><polygon points='450 750 540 600 360 600'/><polygon points='630 750 540 900 720 900'/><polygon fill='%23444' points='630 750 720 600 540 600'/><polygon fill='%23AAA' points='810 750 720 900 900 900'/><polygon fill='%23666' points='810 750 900 600 720 600'/><polygon fill='%23999' points='990 750 900 900 1080 900'/><polygon fill='%23999' points='180 0 90 150 270 150'/><polygon fill='%23444' points='360 0 270 150 450 150'/><polygon fill='%23FFF' points='540 0 450 150 630 150'/><polygon points='900 0 810 150 990 150'/><polygon fill='%23222' points='0 300 -90 450 90 450'/><polygon fill='%23FFF' points='0 300 90 150 -90 150'/><polygon fill='%23FFF' points='180 300 90 450 270 450'/><polygon fill='%23666' points='180 300 270 150 90 150'/><polygon fill='%23222' points='360 300 270 450 450 450'/><polygon fill='%23FFF' points='360 300 450 150 270 150'/><polygon fill='%23444' points='540 300 450 450 630 450'/><polygon fill='%23222' points='540 300 630 150 450 150'/><polygon fill='%23AAA' points='720 300 630 450 810 450'/><polygon fill='%23666' points='720 300 810 150 630 150'/><polygon fill='%23FFF' points='900 300 810 450 990 450'/><polygon fill='%23999' points='900 300 990 150 810 150'/><polygon points='0 600 -90 750 90 750'/><polygon fill='%23666' points='0 600 90 450 -90 450'/><polygon fill='%23AAA' points='180 600 90 750 270 750'/><polygon fill='%23444' points='180 600 270 450 90 450'/><polygon fill='%23444' points='360 600 270 750 450 750'/><polygon fill='%23999' points='360 600 450 450 270 450'/><polygon fill='%23666' points='540 600 630 450 450 450'/><polygon fill='%23222' points='720 600 630 750 810 750'/><polygon fill='%23FFF' points='900 600 810 750 990 750'/><polygon fill='%23222' points='900 600 990 450 810 450'/><polygon fill='%23DDD' points='0 900 90 750 -90 750'/><polygon fill='%23444' points='180 900 270 750 90 750'/><polygon fill='%23FFF' points='360 900 450 750 270 750'/><polygon fill='%23AAA' points='540 900 630 750 450 750'/><polygon fill='%23FFF' points='720 900 810 750 630 750'/><polygon fill='%23222' points='900 900 990 750 810 750'/><polygon fill='%23222' points='1080 300 990 450 1170 450'/><polygon fill='%23FFF' points='1080 300 1170 150 990 150'/><polygon points='1080 600 990 750 1170 750'/><pol
/* background by SVGBackgrounds.com */
}