// Border Radii
.squared { border-radius: 0 !important; }
.rounded { border-radius: $border-radius !important; }
.rounded-top { border-radius: $border-radius $border-radius 0 0 !important; }
.rounded-right { border-radius: 0 $border-radius $border-radius 0 !important; }
.rounded-bottom { border-radius: 0 0 $border-radius $border-radius !important; }
.rounded-left { border-radius: $border-radius 0 0 $border-radius !important; }
.circle { border-radius: 50% !important; }

// Borders
@include add-breakpoint-prefixes {
  &border { border: $border !important; }
  &border-top { border-top: $border !important; }
  &border-right { border-right: $border !important; }
  &border-bottom { border-bottom: $border !important; }
  &border-left { border-left: $border !important; }
  &border-none { border: none !important; }
  &border-top-none { border-top: none !important; }
  &border-right-none { border-right: none !important; }
  &border-bottom-none { border-bottom: none !important; }
  &border-left-none { border-left: none !important; }
}

// Border width
.border-2 { border-width: $border-2 !important; }
.border-3 { border-width: $border-3 !important; }
.border-4 { border-width: $border-4 !important; }
.border-5 { border-width: $border-5 !important; }

@include add-breakpoint-prefixes {
  &border-1 { border-width: $border-1 !important; }
  &border-2 { border-width: $border-2 !important; }
  &border-3 { border-width: $border-3 !important; }
  &border-4 { border-width: $border-4 !important; }
  &border-5 { border-width: $border-5 !important; }
}

// DEPRECATED: use those in _colours.scss
.border-white { border-color: $white !important; }
.border-gray { border-color: $gray !important; }
.border-gray-light { border-color: $gray-light !important; }
.border-gray-light-mid { border-color: $gray-light-mid !important; }
.border-gray-dark { border-color: $gray-dark !important; }
.border-red { border-color: $red !important; }
.border-green { border-color: $green !important; }
.border-purple { border-color: $purple !important; }
.border-blue { border-color: $blue !important; }
.border-teal { border-color: $teal !important; }
.border-orange { border-color: $orange !important; }
.border-pink { border-color: $pink !important; }
.border-blue-dark { border-color: $blue-dark !important; }
.border-black { border-color: $black !important; }
.border-gold { border-color: $gold !important; }
.border-trans { border-color: transparent !important; }