@use '../variables' as *;

@mixin outline {
	// & > .#{$prefix}outline {
	// 	position: absolute;
	// 	inset: 0px;
	// 	border-radius: inherit;
	// 	overflow: hidden;
	// 	border-width: var(--#{$prefix}outline-border-width);
	// 	border-style: solid;
	// 	border-color: var(--#{$prefix}outline-border-color);
	// 	opacity: var(--#{$prefix}outline-opacity);
	// 	pointer-events: none;
	// }

	// &:hover > .#{$prefix}outline {
	// 	border-width: var(--#{$prefix}outline-hover-border-width, var(--#{$prefix}outline-border-width));
	// 	border-color: var(--#{$prefix}outline-hover-border-color, var(--#{$prefix}outline-border-color));
	// 	opacity: var(--#{$prefix}outline-hover-opacity, var(--#{$prefix}outline-opacity));
	// }

	// &:active > .#{$prefix}outline {
	// 	border-width: var(
	// 		--#{$prefix}outline-active-border-width,
	// 		var(--#{$prefix}outline-hover-border-width, var(--#{$prefix}outline-border-width))
	// 	);
	// 	border-color: var(
	// 		--#{$prefix}outline-active-border-color,
	// 		var(--#{$prefix}outline-hover-border-color, var(--#{$prefix}outline-border-color))
	// 	);
	// 	opacity: var(
	// 		--#{$prefix}outline-active-opacity,
	// 		var(--#{$prefix}outline-hover-opacity, var(--#{$prefix}outline-opacity))
	// 	);
	// }

	// &--focus > .#{$prefix}outline,
	// &--focus:hover > .#{$prefix}outline,
	// &:focus > .#{$prefix}outline {
	// 	border-width: var(
	// 		--#{$prefix}outline-focus-border-width,
	// 		var(--#{$prefix}outline-hover-border-width, var(--#{$prefix}outline-border-width))
	// 	);
	// 	border-color: var(
	// 		--#{$prefix}outline-focus-border-color,
	// 		var(--#{$prefix}outline-hover-border-color, var(--#{$prefix}outline-border-color))
	// 	);
	// 	opacity: var(
	// 		--#{$prefix}outline-focus-opacity,
	// 		var(--#{$prefix}outline-hover-opacity, var(--#{$prefix}outline-opacity))
	// 	);
	// }
}

@mixin outline-b {
	// & > .#{$prefix}outline-b {
	// 	position: absolute;
	// 	inset: 0px;
	// 	border-radius: inherit;
	// 	overflow: hidden;
	// 	border-bottom: var(--#{$prefix}outline-border-width) solid var(--#{$prefix}outline-border-color);
	// }
}