// Outputs border-radius

@mixin u-radius($value...) {
  $value: unpack($value);
  $important: null;
  @if has-important($value) {
    $value: remove($value, "!important");
    $important: " !important";
  }
  border-radius: get-uswds-value(border-radius, $value) #{$important};
}

@mixin u-radius-bottom($value...) {
  $value: unpack($value);
  $important: null;
  @if has-important($value) {
    $value: remove($value, "!important");
    $important: " !important";
  }
  border-bottom-left-radius: get-uswds-value(border-radius, $value) #{$important};
  border-bottom-right-radius: get-uswds-value(border-radius, $value) #{$important};
}

@mixin u-radius-left($value...) {
  $value: unpack($value);
  $important: null;
  @if has-important($value) {
    $value: remove($value, "!important");
    $important: " !important";
  }
  border-bottom-left-radius: get-uswds-value(border-radius, $value) #{$important};
  border-top-left-radius: get-uswds-value(border-radius, $value) #{$important};
}

@mixin u-radius-right($value...) {
  $value: unpack($value);
  $important: null;
  @if has-important($value) {
    $value: remove($value, "!important");
    $important: " !important";
  }
  border-bottom-right-radius: get-uswds-value(border-radius, $value) #{$important};
  border-top-right-radius: get-uswds-value(border-radius, $value) #{$important};
}

@mixin u-radius-top($value...) {
  $value: unpack($value);
  $important: null;
  @if has-important($value) {
    $value: remove($value, "!important");
    $important: " !important";
  }
  border-top-left-radius: get-uswds-value(border-radius, $value) #{$important};
  border-top-right-radius: get-uswds-value(border-radius, $value) #{$important};
}
