Sassy Full Width Bars

full-width.scss

// taken from
// https://css-tricks.com/full-browser-width-bars/
@mixin full-width-bar($background) {
  
	position: relative; /* for the child pseudo-elements */
	/* negative offset = section padding */
	margin: 0 -30px;
	/* add back section padding value */
	padding: 0.25rem 30px;
	background: $background;

	&:before, &:after {
	  content: "";
	  position: absolute;
	  /* fill vertically */
	  top: 0;
	  bottom: 0;
	  width: 9600px;
	  right: 100%;
	  background: $background
	}
	&:after {
	  width: 320px;
	  left: 100%;
	  /* you're free to do something totally different here */
	  background: $background
	}
}