.border {
  border: $--border-width-base solid $--border-color-base !important;
}
.border-top {
  border-top: $--border-width-base solid $--border-color-base !important;
}
.border-right {
  border-right: $--border-width-base solid $--border-color-base !important;
}
.border-bottom {
  border-bottom: $--border-width-base solid $--border-color-base !important;
}
.border-left {
  border-left: $--border-width-base solid $--border-color-base !important;
}

.border-light {
  border-color: $--border-color-light !important;
}
.border-lighter {
  border-color: $--border-color-lighter !important;
}
.border-extra-light {
  border-color: $--border-color-extra-light !important;
}

.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}
.border-radius-4 {
  border-radius: $--border-radius-base !important;
}
.border-radius-100 {
  border-radius: $--border-radius-circle !important;
}

// colors
@each $k, $v in $--border-colors {
  .#{$k} {
    border-color: #{$v} !important;
  }
}