////
/// Custom mixins.
///
/// @group  Tools
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

////
/// Hover focus mixin
///
/// @group  Tools
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

@mixin hover-focus {

	&:hover,
	&:focus,
	&:active {

		@content;
	}
}

////
/// Border mixin
///
/// @group  Tools
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

@mixin border( $values ) {

	@include _directional-property(border, null, $values);
}

////
/// Transition mixin
///
/// @group  Tools
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

@mixin transition() {
	transition: $base--transition;
}

////
/// Overlay mixin
///
/// @group  Tools
/// @author Lee Anthony <seothemeswp@gmail.com>
/// @link   https://CustomizePro.com/
////

@mixin overlay($default_color: "") {
	position: relative;

	> div {
		position: relative;
	}

	&:before {
		display: block;
		content: "";

		@if ($default_color != "") {
			background-color: rgba($color--heading, 0.95);
		}

		@include position(absolute, 0 0 0 0);
		@include size(100%);
	}
}