@import "../variables/index";

@mixin text-divider($line-height, $ml, $mr) {
  background-color: $black;
  content: "";
  height: 1px;
  flex-grow: 1;
  margin: ($line-height * 0.5) $mr ($line-height * 0.5 - 1px) $ml;
  opacity: 0.1;
}

@mixin text-divider-left($line-height, $mr: map-get($spacers, 2)) {
  &::before { @include text-divider($line-height, 0, $mr); }
}

@mixin text-divider-right($line-height, $ml: map-get($spacers, 2)) {
  &::after { @include text-divider($line-height, $ml, 0); }
}