@import '../colors';

.tix-divider {
  &.v4 {
    border-top: 1px solid $color-N200;
  }

  &.bold {
    border-top: 6px solid $color-N100;
  }

  &.dashed {
    border-top: 1px dashed $color-N200;
  }
}

.tix-divider-vertical {
  display: inline-block;
  height: 100%;

  &.v4 {
    border-left: 1px solid $color-N200;
  }

  &.bold {
    border-left: 6px solid $color-N100;
  }

  &.dashed {
    border-left: 1px dashed $color-N200;
  }
}