boaderにグラデーションを使う

boaderにグラデーションを使う

左右向きのグラデーションを設定する。
要素の『before』でグラデーションを上に、
要素の『after』でグラデーションを下に設定する。

#content{
        &:before{
            content:"";
            display:block;
            height:1px;
            background: linear-gradient(to right, #ffffff 0%,$mainColor 60%,#ffffff 100%);
        }
}