@import "../../globals/scss/prefix";
@import "../../globals/scss/color";

// stylelint-disable declaration-no-important

//
// Border
//
.border,
.border-top,
.border-right,
.border-bottom,
.border-left {
  --border-color: var(--nj-deprecated-color-base-black-100);
}

.border {
  border: var(--nj-semantic-size-border-width) solid var(--border-color) !important;
}

.border-top {
  border-top: var(--nj-semantic-size-border-width) solid var(--border-color) !important;
}

.border-right {
  border-right: var(--nj-semantic-size-border-width) solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: var(--nj-semantic-size-border-width) solid var(--border-color) !important;
}

.border-left {
  border-left: var(--nj-semantic-size-border-width) solid var(--border-color) !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;
}

@each $color in map-keys($theme-colors) {
  .border-#{$color} {
    border-color: css-var(color-base, $color) !important;
  }
}

.border-white {
  border-color: $white !important;
}

//
// Border-radius
//

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}