/**
 * Default link style
 *
 */

@mixin base-link {
	color: $t-a-link-color-resting;
	text-decoration: underline;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: $t-a-link-thickness-resting;
	text-underline-offset: $t-a-link-offset-resting;

	&.visited,
	&:visited {
		color: $t-a-link-color-visited;
	}

	&.hover,
	&:hover {
		color: $t-a-link-color-hover;
		text-decoration-thickness: $t-a-link-thickness-hover;
		text-underline-offset: $t-a-link-offset-hover;
	}

	&.active,
	&:active {
		color: $t-a-link-color-resting;
	}

	&.focus,
	&:focus {
		outline: $t-l-spacing-absolute-100 solid  $t-a-palette-interaction-focus;
	}
}

/**
 * Link Text
 */

@mixin link-text($font-size: 'medium') {
	font-size: map-get($context--link-text-font-sizes, $font-size);
	font-family: $t-a-typography-font-family-default;
	line-height: $t-a-typography-line-height-md;
}


@mixin u-link-inherit() {
	color: inherit;

	&.visited,
	&:visited {
		color: inherit;
	}

	&.hover,
	&:hover {
		color: inherit;
	}
}

@mixin u-link-underline() {
	text-decoration: underline;
}

@mixin u-link-faux-block() {
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}

@mixin u-link-interface() {

	&.active,
	&:active,
	&.hover,
	&:hover {
		text-decoration: underline;
		text-decoration-skip-ink: auto;
	}
}

@mixin link-like {
	@include base-link;
	cursor: pointer;
	border: 0;
	background-color: transparent;
	font-weight: inherit;
	margin: 0;
	padding: 0;
}