faking svg as a background: when you embed svg as CSS background, you can't style the elements inside it with external css, this method attempts to do so alternatively

svg-bg.html

<div class="content">
	<div class="background-image">
	  <!-- SVG MARKUP -->
	</div>
</div>

svg-bg.scss

.content {
  position: relative; //need this so that absolute positioned childern don't escape
}

.background-image {
	@include position(absolute, -20px null null -18px); //bourbon mixin
	@include size(60px); //bourbon mixin
	z-index: -1; //place in background
		
	path {
		fill: color; //svg bg color
		opacity: 0.3;
	}
}