Line on Sides Heading

_lined-heading.scss

h2 {
overflow: hidden;
text-align: center;
  &:before, &:after {
    background-color: $color; //Color of the line
    content: "";
    display: inline-block;
    height: .2rem; //Size of the line
    position: relative;
    vertical-align: middle;
    width: 50%;
  }
  &:before {
    right: 4.5rem; //Right padding between the line and heading
    margin-left: -50%;
  }
  &:after {
    left: 4.5rem; //Left padding between the line and heading
    margin-right: -50%;
  }
}