popov.link/_scss/components/theme/_background.scss

16 lines
9.0 KiB
SCSS
Raw Normal View History

@import 'utilities/boxshadow';
$background-image: 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 616 400" width="616" height="400"><path fill="#fff" d="M0 0h615.9v399.8h-615.9v-399.8z"/><path d="M385 133.3h-.1.1z" fill="none"/><path fill="#F9F9F9" d="M500.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path fill="#F5F5F5" d="M346.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M462 133.3h-.1.1z" fill="none"/><path fill="#F7F7F7" d="M423.4 199.9h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M231.1 133.3h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#FCFCFC" d="M192.5 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F9F9F9" d="M269.4 199.9h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M154.1 133.3h-.1.1z" fill="none"/><path fill="#EFEFEF" d="M231.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F1F1F1" d="M269.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M269.6 199.9h-.1.1zm153.9 0h-.1.1z" fill="none"/><path fill="#F0F0F0" d="M346.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M500.5 200zm77-133.4h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M385 266.5h76.9l-38.4-66.5-38.5 66.5z"/><path fill="#F3F3F3" d="M423.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#eee" d="M423.4 199.9h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path d="M346.6 199.9h-.1.1zm192.4 66.7z" fill="none"/><path fill="#F8F8F8" d="M500.5 199.9l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8zm-38.5 66.6l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F7F7F7" d="M346.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M461.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F4F4F4" d="M423.5 333.2h76.9l-38.4-66.6-38.5 66.6z"/><path d="M577.4 200zm38.5-66.6z" fill="none"/><path fill="#F7F7F7" d="M539 133.3l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path fill="#F9F9F9" d="M154 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path fill="#F8F8F8" d="M154 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F5F5F5" d="M115.6 333.2h76.9l-38.5-66.6-38.4 66.6zm-.1-133.2l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154.1 266.5l38.4-66.5-.1-.1h-76.9l-.1.1 38.4 66.5h.3z"/><path d="M115.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M231 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F9F9F9" d="M269.6 333.2h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F8F8F8" d="M307.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6zm-115.3 66.7h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#FAFAFA" d="M384.9 266.5h-76.9l-.1.1 38.4 66.5h.1l38.5-66.6z"/><path fill="#F1F1F1" d="M308.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#FAFAFA" d="M615.9 266.5l-38.5-66.5-38.4 66.5h76.9z"/><path fill="#F7F7F7" d="M462 133.4l-38.4 66.5h76.9l-38.5-66.5zm0-133.3l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M539 .1l-38.4 66.5h76.9l-38.5-66.5zm-500.4 333.1h76.9l-38.5-66.6-38.4 66.6z"/><path fill="#F3F3F3" d="M.1 133.3h76.9l-38.4-66.6-38.5 66.6z"/><path d="M77 266.5h.1-.1zm0-133.2h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M38.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path d="M0 266.5h.1-.1z" fill="none"/><path fill="#F4F4F4" d="M115.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F1F1F1" d="M77 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M231 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F5F5F5" d="M308 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F7F7F7" d="M385 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F4F4F4" d="M154 .1l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F0F0F0" d="M577.4 333.2l-38.4-66.6-38.4 66.5h76.8z"/><path d="M154 266.6z" fill="none"/><path fill="#F5F5F5" d="M154.1 266.5h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F7F7F7" d="M192.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M231 266.6zm77 0z" fill="none"/><path fill="#F8F8F8" d="M385 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M192.5 199.9h.1-.1z" fill="none"/><path fill="#F7F7F7" d="M308 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path d="M385 266.6z" fill="none"/><path fill="#F9F9F9" d="M231 133.4l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#FBFBFB" d="M115.6 199.9h76.9l-38.5-66.5-38.4 66.5z"/><path fill="#F8F8F8" d="M346.5 66.7l
html {
background: $color-tertiary url($background-image) repeat fixed;
}
body {
background: $color-initial;
border-left: 1px solid rgba(0, 0, 0, .09);
border-right: 1px solid rgba(0, 0, 0, .09);
@include box-shadow(0 1px 4px rgba(0, 0, 0, .04));
}