/**
 * Default link style
 *
 */

@mixin base-link {
	color: $context--link-color;
	text-decoration: underline;
	text-decoration-skip-ink: auto;

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

	&.hover,
	&:hover {
		color: $context--link-hover-color;
	}

	&.active,
	&:active {
		color: $context--link-active-color;
	}

	&.focus,
	&:focus {
		outline: spacing(4) solid $context--focus-color;
	}
}

/**
 * Link Text
 */

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


@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;
}