/* stylelint-disable declaration-no-important */

////
/// @author Mark Otto
////

/// Creates border-radius
/// @since 0.1.0 - The O.G.
/// @param {CSS Unit} $radius [.125rem] - a valid CSS unit to create a border-radius on all sides
/// @output CSS properties
/// @example scss
///   .example {
///     @include border-radius();
///   }
@mixin border-radius($radius, $important: false) {
	@if $important {
		border-radius: $radius !important;
	} @else {
		border-radius: $radius;
	}
}

/// Creates border-top-radius
/// @since 0.1.0 - The O.G.
/// @param {CSS Unit} $radius - a valid CSS unit to create a border-radius on the top
/// @output CSS properties
/// @example scss
///   .example {
///     @include border-top-radius(2px);
///   }
@mixin border-top-radius($radius, $important: false) {
	@if $important {
		border-top-left-radius: $radius !important;
		border-top-right-radius: $radius !important;
	} @else {
		border-top-left-radius: $radius;
		border-top-right-radius: $radius;
	}
}

/// Creates border-right-radius
/// @since 0.1.0 - The O.G.
/// @param {CSS Unit} $radius - a valid CSS unit to create a border-radius on the right
/// @output CSS properties
/// @example scss
///   .example {
///     @include border-right-radius(2px);
///   }
@mixin border-right-radius($radius, $important: false) {
	@if $important {
		border-top-right-radius: $radius !important;
		border-bottom-right-radius: $radius !important;
	} @else {
		border-top-right-radius: $radius;
		border-bottom-right-radius: $radius;
	}
}

/// Creates border-bottom-radius
/// @since 0.1.0 - The O.G.
/// @param {CSS Unit} $radius - a valid CSS unit to create a border-radius on the bottom
/// @output CSS properties
/// @example scss
///   .example {
///     @include border-bottom-radius(2px);
///   }
@mixin border-bottom-radius($radius, $important: false) {
	@if $important {
		border-bottom-right-radius: $radius !important;
		border-bottom-left-radius: $radius !important;
	} @else {
		border-bottom-right-radius: $radius;
		border-bottom-left-radius: $radius;
	}
}

/// Creates border-left-radius
/// @since 0.1.0 - The O.G.
/// @param {CSS Unit} $radius - a valid CSS unit to create a border-radius on the left
/// @output CSS properties
/// @example scss
///   .example {
///     @include border-left-radius(2px);
///   }
@mixin border-left-radius($radius, $important: false) {
	@if $important {
		border-top-left-radius: $radius !important;
		border-bottom-left-radius: $radius !important;
	} @else {
		border-top-left-radius: $radius;
		border-bottom-left-radius: $radius;
	}
}