Skip to content

Instantly share code, notes, and snippets.

Created January 3, 2015 22:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save anonymous/6680de706c5fe36ff4f3 to your computer and use it in GitHub Desktop.
Save anonymous/6680de706c5fe36ff4f3 to your computer and use it in GitHub Desktop.
.content-panel__bg {
z-index: -1;
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
// http://css-tricks.com/full-browser-width-bars/
&:before, &:after {
content: "";
position: absolute;
top: 0; bottom: 0;
// needs background from --*colour* modifier
background: white;
width: 9999px;
}
&:before {
right: 100%;
}
&:after {
left: 100%;
}
}
.content-panel--teal {
.content-panel__bg {
background: $teal;
&:before, &:after {
background: $teal;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment