.border {
  @include border;
}

$positions: top right bottom left;

@each $position in $positions {
  .border-#{$position} {
    border-#{$position}: $global-border-width solid $global-border-color;
  }
}

.border-none {
  border: 0;
}

.rounded {
  border-radius: $global-border-radius;
}

.circle {
  border-radius: 50%;
}

.rounded-top {
  border-radius: $global-border-radius $global-border-radius 0 0;
}

.rounded-right {
  border-radius: 0 $global-border-radius $global-border-radius 0;
}

.rounded-bottom {
  border-radius: 0 0 $global-border-radius $global-border-radius;
}

.rounded-left {
  border-radius: $global-border-radius 0 0 $global-border-radius;
}

.not-rounded {
  border-radius: 0;
}

hr {
  border: none;
  height: 1px;
  background-image: linear-gradient(to right, transparent, $panel-border-color 33%, $panel-border-color 67%, transparent);
}