@import './mixin.scss';

.hairline,
.hairline--top,
.hairline--left,
.hairline--right,
.hairline--bottom,
.hairline--top-bottom,
.hairline--surround {
  position: relative;

  &::after {
    @include hairline();
  }
}

.hairline {
  &--top::after {
    border-top-width: 1px;
  }

  &--left::after {
    @include hairline();
    border-left-width: 1px;
  }

  &--right::after {
    border-right-width: 1px;
  }

  &--bottom::after {
    border-bottom-width: 1px;
  }

  &--top-bottom::after {
    border-width: 1px 0;
  }

  &--surround::after {
    border-width: 1px;
  }
}