@mixin add-bar(
$weight: 1, $color: "ink", $side: "left", $radius: 0, $offset-x: 0, $offset-y: 0
) {
$weight: if($weight == null, 1, $weight); $color: if($color == null, "ink", $color); $side: if($side == null, "left", $side); $radius: if($radius == null, 0, $radius); $offset-x: if($offset-x == null, 0, $offset-x); $offset-y: if($offset-y == null, 0, $offset-y); position: relative; &::after { background-color: color($color); border-radius: radius($radius); content: ""; display: block; position: absolute; @if $side == ("left" or "right") { bottom: units($offset-y); top: units($offset-y); width: units($weight); #{unquote($side)}: units($offset-x); } @else { height: units($weight); left: units($offset-x); right: units($offset-x); #{unquote($side)}: units($offset-y); } }
}
@mixin remove-bar {
&::after { display: none; }
}