@use "sass:color";
@use "./../variables" as *;
@use "./../mixins" as *;

.border {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--border-color-main) !important;
}

.border--top,
.border-top {
  border-top: 1px solid var(--border-color-main) !important;
}

.border--right,
.border-right {
  border-right: 1px solid var(--border-color-main) !important;
}

.border--bottom,
.border-bottom {
  border-bottom: 1px solid var(--border-color-main) !important;
}

.border--left,
.border-left {
  border-left: 1px solid var(--border-color-main) !important;
}

.border--none {
  border: 0 !important;
}

.border--top-none,
.border-top--none {
  border-top: 0 !important;
}

.border--right-none,
.border-right--none {
  border-right: 0 !important;
}

.border--bottom-none,
.border-bottom--none {
  border-bottom: 0 !important;
}

.border--left-none,
.border-left--none {
  border-left: 0 !important;
}

@each $key, $value in $border-radii {
  .border-radius--#{$key} {
    border-radius: #{$value} !important;
  }
}