@import './var-color';

.border-1px {
  &-top {
    position: relative;
    &::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      width: 100%;
      height: 0;
      border-top: 1px solid @border-color;
      transform: scaleY(0.5);
    }
  }
  &-left {
    position: relative;
    &::before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      border-left: 1px solid @border-color;
      transform: scaleX(0.5);
    }
  }
  &-bottom {
    position: relative;
    &::after {
      position: absolute;
      content: '';
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      border-bottom: 1px solid @border-color;
      transform: scaleY(0.5);
    }
  }
  &-right {
    position: relative;
    &::before {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      height: 100%;
      width: 0;
      border-right: 1px solid @border-color;
      transform: scaleX(0.5);
    }
  }
}