@mixin u-keyline($direction: bottom, $spacing: $t-a-gap-absolute-400, $thickness: 1px) {
	$valid-directions: (top, right, bottom, left);
	// strips the units from the $spacing variable
    $spacing: strip-unit($spacing);
	@if index($valid-directions, $direction) {
		border-#{$direction}: $thickness solid $t-a-palette-default-greyscale-500;
		padding-#{$direction}: spacing($spacing);
		margin-#{$direction}: spacing($spacing);
	}
	@else {
		@warn '$direction should be one of #{$valid-directions}, but was #{$direction}';
	}
}

// Box shadow
@mixin u-shadow {
	border: 1px solid $t-a-palette-default-black; // make optional?
	box-shadow: $context--shadow-style $t-a-palette-default-black;
}

// <button> element reset
// Does not reset the branded buttons provided in context
@mixin u-button-reset {
	background-color: transparent;
	border: 0;
	padding: 0;
}
