SCSS
@import "compass";
body, html {
min-height: 100%;
overflow: hidden;
height: 100%;
}
.background {
@include background-image(linear-gradient(#82d3e1, #82d3e1 33.333%, #f5f3f1 33.333%, #f5f3f1 66.666%, #e5186e 66.666%, #e5186e));
height: 100%;
min-height: 100%;
z-index:1;
&:before {
@include background-image(linear-gradient(#1fa38b, #1fa38b 33.333%, #49c39e 33.333%, #49c39e 66.666%, #401140 66.666%, #401140));
display: block;
content: '';
width: 33.3333%;
height: 100%;
position:absolute;
left: 0;
}
&:after {
@include background-image(linear-gradient(#77981f, #77981f 33.3333333333333%, #edb624 33.3333333333333%, #edb624 66.6666666666666%, #d7100e 66.6666666666666%, #d7100e));
display: block;
content: '';
width: 33.3333%;
height: 100%;
position:absolute;
right: 0;
}
}
