Sass - Line On SIdes Headers

line-on-sides.scss

/*

Sass - Line On Side Headers

Reference Link: http://css-tricks.com/line-on-sides-headers/

Implementation Example: <h1 class="fancy"><span>Title</span></h1>

*/

.fancy {
  line-height: 0.5;
  text-align: center;

	span {
	  
	  display: inline-block;
	  position: relative;

	  &:before, &:after {

	      content: "";
		  position: absolute;
		  height: 5px;
		  border-bottom: 1px solid white;
		  border-top: 1px solid white;
		  top: 0;
		  width: 600px;

	  }

	  &:before {
	  	right: 100%;
  		margin-right: 15px;
	  }

	  &:after {
		  left: 100%;
		  margin-left: 15px;
	  }

	}

}