Slack Grid

HTML
<div class="background"></div>
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; } }
JAVASCRIPT
Expand for more options Login