////
/// @group o-buttons
/// @link http://registry.origami.ft.com/components/o-buttons
////

///
/// Button group
/// Applies styles to direct children
///
/// @example
/// .my-button-group {
/// 	@include oButtonsGroup(my-buttons);
/// }
///
/// @param {String} ($o-buttons-class) $buttonClass
///
/// @link https://origami-build.ft.com/v2/files/o-buttons/demos/grouped.html
@mixin oButtonsGroup($buttonClass: $o-buttons-class) {
	> .#{$buttonClass} {
		position: relative;
		border-radius: 0;

		+ .#{$buttonClass} {
			margin-left: -1px;
		}

		&:hover,
		&:focus {
			z-index: 1;
		}
	}

	:first-child {
		border-bottom-left-radius: $_o-buttons-border-radius;
		border-top-left-radius: $_o-buttons-border-radius;
		border-left-width: 1px;
	}

	:last-child {
		border-bottom-right-radius: $_o-buttons-border-radius;
		border-top-right-radius: $_o-buttons-border-radius;
	}
}