// Border helpers .c-bd-{{direction}}
$border-sides : (
  top    : border-top,
  right  : border-right,
  bottom : border-bottom,
  left   : border-left
);


@mixin border-class-export($name: 'c-bd') {
  .#{$name} {
    border: $global-border-size $global-border-color;

    // Border color helpers .c-bd-{{color}}
    @include modifiers($color, 'border-color');
    @include modifiers($theme-colors, 'border-color');

    // Border 0 to remove
    &-0 {
      border: 0 !important;
    }

    // Border sides
    @each $side, $prop in $border-sides {
      &-#{$side} {
        #{$prop}: $global-border-size $global-border-color;

        &-0 {
          #{$prop}: 0 !important;
        }
      }
    }
  }
}

// Radius helpers .c-radius-{{size}}
@mixin radius-class-export($name: 'c-radius') {
  .#{$name} {
    @include modifiers($radius, 'border-radius');
  }
}