@import '../init';

.border {
  border: $border;

  &-vertical {
    border-top: $border;
    border-bottom: $border;
  }

  &-horizontal {
    border-right: $border;
    border-left: $border;
  }

  &-top {
    border-top: $border;
  }

  &-right {
    border-right: $border;
  }

  &-bottom {
    border-bottom: $border;
  }

  &-left {
    border-left: $border;
  }

  &-dashed {
    border-bottom-style: dashed;
  }

  &-secondary {
    border-color: var(--color-secondary);
  }

  &-error {
    border-color: var(--color-utility-failure);
  }

  &-warning {
    border-color: var(--color-utility-warning);
  }

  &-radius {
    border-radius: $border-radius;
  }

  &-radius-circle {
    border-radius: 50%;
  }
}