@define-mixin rounded $radius: 3px {
  border-radius: $radius;
}

@define-mixin rounded-all $top-left:3px, $top-right:3px, $bottom-right:3px, $bottom-left:3px {
  border-top-right-radius: $top-right;
  border-top-left-radius: $top-left;
  border-bottom-right-radius: $bottom-right;
  border-bottom-left-radius: $bottom-left;
}

@define-mixin rounded-top $radius: 3px {
  @mixin rounded 0;
  border-top-right-radius: $radius;
  border-top-left-radius: $radius;
}

@define-mixin rounded-bottom $radius: 3px {
  @mixin rounded 0;
  border-bottom-right-radius: $radius;
  border-bottom-left-radius: $radius;
}