デモ
ソース
CSS
left-double-border.css
.left-double-border {
border-left: solid 6px red;
padding-left: 2px;
}
.left-double-border:before {
content: " ";
border-left: solid 2px red;
margin-right: 10px;
padding: 4px 0;
}
Sass(Scss)
left-double-border.scss
.left-double-border {
border-left: solid 6px red;
padding-left: 2px;
&:before {
content: " ";
border-left: solid 2px red;
margin-right: 10px;
padding: 4px 0;
}
}
注意点
:before
を使うので、左のみ。
:after
も使えば右にも実装できるかも。