Strikethrough responsive header SCSS and HTML markup

strikethrough-header.html

<div class="container">
    <h1>Example Header</h1>
</div>

strikethrough-header.scss

@mixin strikethrough-header($line: 1px solid #000, $padding: 20px) {    
    & {
        display:inline-block;
        position:relative;
    }
    &:before, &:after {
        border-top: #{$line};
        width: 10000px;
        height:1px;
        display:block;
        content: " ";
        position: absolute;
        top: 50%;
    }
    &:before {
        left: 100%;
        margin-left: #{$padding};
    }
    &:after {
        right: 100%;
        margin-right: #{$padding};
    }
    text-align:center;
}

.container {
    text-align:center;
    position:relative; // Optional
    overflow:hidden; // Optional
}
h1 {
    @include strikethrough-header();
}