// Mixins lib for rounded corner style
@import "../variables";

.phlox-rounded-corner(@boxSize, @percent: @DEFAULT_ROUNDED_CORNER_CIRCLE_PERCENT) {
	.rounded-corner-circle(@boxSize, @percent);
}

.phlox-rounded-corner-circle(@boxSize, @percent: @DEFAULT_ROUNDED_CORNER_CIRCLE_PERCENT) {
	border-radius: e(%("%a", floor(@boxSize * @percent / 100)));
	-moz-border-radius: e(%("%a", floor(@boxSize * @percent / 100)));
	-webkit-border-radius: e(%("%a", floor(@boxSize * @percent / 100)));
}

.phlox-rounded-corner-elliptic(@boxSize, @xPercent: @DEFAULT_ROUNDED_CORNER_ELLIPTIC_X_PERCENT, @yPercent: @DEFAULT_ROUNDED_CORNER_ELLIPTIC_Y_PERCENT) {
	border-radius: e(%("%a %a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100)));
	-moz-border-radius: e(%("%a/%a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100)));
	-webkit-border-radius: e(%("%a %a", floor(@boxSize * @xPercent / 100), floor(@boxSize * @yPercent / 100)));
}