popov.link/_scss/components/theme/_background.scss
Valentin Popov 0245f376ad
Add style background
Signed-off-by: Valentin Popov <info@valentineus.link>
2018-04-24 20:39:50 +04:00

16 lines
9.0 KiB
SCSS

@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-38.4 66.5h76.9l-38.5-66.5z"/><path d="M462 266.6z" fill="none"/><path fill="#F7F7F7" d="M269.5 66.7l-38.4 66.5h76.9l-38.5-66.5z"/><path fill="#F3F3F3" d="M500.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F8F8F8" d="M423.5 66.7l-38.5 66.6h76.9l-38.4-66.6z"/><path fill="#F4F4F4" d="M577.4 66.7l-38.4 66.6h76.9l-38.5-66.6z"/><path fill="#FBFBFB" d="M577.4 199.9l-38.4-66.5-38.4 66.5h76.8z"/><path fill="#FAFAFA" d="M538.9 266.5l-38.4-66.5-38.5 66.5h76.9z"/><path d="M539 133.3h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M115.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path fill="#F3F3F3" d="M538.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M77.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M577.4 66.6h.1l38.5-66.6h-77v.1l38.4 66.5z"/><path d="M154.1 0h-.1.1z" fill="none"/><path fill="#FBFBFB" d="M192.5 66.6h.1l38.4-66.5v-.1h-76.9l-.1.1 38.5 66.5z"/><path d="M462 0h-.1.1zm77 0h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M500.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M385 0h-.1.1z" fill="none"/><path fill="#F3F3F3" d="M423.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path fill="#F4F4F4" d="M346.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M231.1 0h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M269.4 66.6h.1l38.5-66.5-.1-.1h-76.9v.1l38.4 66.5z"/><path d="M308.1 0h-.1.1z" fill="none"/><path fill="#F2F2F2" d="M38.6 66.6l38.4-66.5v-.1h-77l38.5 66.6h.1z"/><path d="M461.9 400h.1-.1z" fill="none"/><path fill="#F8F8F8" d="M500.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path fill="#FBFBFB" d="M346.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M384.9 400h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M423.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M538.9 400h.1-.1z" fill="none"/><path fill="#EFEFEF" d="M539 399.9l77 .1-38.6-66.7-38.4 66.6z"/><path fill="#FAFAFA" d="M38.6 333.3l-38.6 66.7h77l.1-.1-38.5-66.6z"/><path d="M77 400h.1-.1zm230.9 0h.1-.1z" fill="none"/><path fill="#FEFEFE" d="M115.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M231 400h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M154 400h.1-.1z" fill="none"/><path fill="#FAFAFA" d="M192.5 333.3l-38.5 66.6.1.1h76.9l.1-.1-38.6-66.6z"/><path d="M115.6 66.6h-.1.1z" fill="none"/><path fill="#F4F4F4" d="M77 133.4l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5z"/><path d="M0 133.3h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M77 133.3h.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5z"/><path d="M38.5 333.2h.1-.1z" fill="none"/><path fill="#F6F6F6" d="M38.5 333.2l-38.4-66.6-.1.1v66.4h38.5z"/><path fill="#F4F4F4" d="M38.5 199.9l-38.4-66.5-.1.1v66.4h38.5z"/><path fill="#F7F7F7" d="M0 266.5h.1l38.5-66.5-.1-.1h-38.5v66.6z"/><path fill="#F5F5F5" d="M0 400l38.6-66.7-.1-.1h-38.5v66.8z"/><path fill="#F4F4F4" d="M38.5 66.6l-38.5-66.6v66.6h38.5z"/><path fill="#F5F5F5" d="M0 133.3h.1l38.4-66.5-.1-.1h-38.4v66.6z"/><path d="M38.5 199.9h.1-.1z" fill="none"/><path fill="#F5F5F5" d="M38.6 200l-38.5 66.5h76.9l-38.4-66.5zm38.4 66.6l-76.9-.1-.1.1 38.4 66.5h.1l38.5-66.5zm.1-.1l38.4-66.5-.1-.1h-76.8l-.1.1 38.5 66.5h.1z"/><path d="M38.6 66.6h-.1.1zm308 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M384.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M423.5 66.6h-.1.1z" fill="none"/><path fill="#FAFAFA" d="M461.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path fill="#F6F6F6" d="M154 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M500.5 66.6h-.1.1zm-307.9 0h-.1.1z" fill="none"/><path fill="#F6F6F6" d="M231 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M269.6 66.6h-.1.1z" fill="none"/><path fill="#F8F8F8" d="M307.9 133.3h.1l38.4-66.5-.1-.1h-76.9l-.1.1 38.6 66.5z"/><path d="M615.9 266.6zm-38.5 66.7z" fill="none"/><path fill="#EDEDED" d="M539 266.5l38.4 66.6h.1l38.4-66.5-.1-.1h-76.8z"/><path d="M500.4 333.2h.1-.1z" fill="none"/><path fill="#F9F9F9" d="M500.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FBFBFB" d="M423.5 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm-384.9 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#F5F5F5" d="M577.5 66.6l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9 133.5l-38.4 66.4h38.4v-66.4z"/><path fill="#F6F6F6" d="M615.9 266.7l-38.4 66.4h38.4v-66.4z"/><path fill="#F5F5F5" d="M577.5 333.2l38.4 66.6v-66.6h-38.4z"/><path fill="#F4F4F4" d="M615.9.2l-38.4 66.4h38.4v-66.4z"/><path fill="#F7F7F7" d="M577.5 199.9l38.4 66.6v-66.6h-38.4z"/><path fill="#FCFCFC" d="M192.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path fill="#FDFDFD" d="M115.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M192.5 333.2h.1-.1zm-77 0h.1-.1z" fill="none"/><path fill="#FCFCFC" d="M269.6 333.2l38.4 66.7 38.5-66.6-.1-.1h-76.8zm77 0l38.4 66.7 38.5-66.6-.1-.1h-76.8z"/><path d="M346.4 333.2h.1-.1zm-77 0h.1-.1zm154 0h.1-.1z" fill="none"/></svg>';
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));
}