//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// direction-links module
// Use direction links to link up and down within the DOM or back to a parent page.
//
// Content:
// - Direction link base style and the up|down|left|right variations
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


@import '_globals.scss';
@import '_print.scss';


//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// Direction links default to pointing right
//
// Everyone needs Konami code style links, right? (:
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
.au-direction-link:after {
	@include AU-space( width, 1unit );
	@include AU-space( height, 1unit );
	@include AU-space( margin, 0 0 0 0.25unit );
	content: '→';
	display: inline-block;
	width: auto;
	height: auto;
}

/**
 * LEFT
 */
.au-direction-link--left {
	&:after {
		display: none;
	}

	&:before {
		content: '←';
		display: inline-block;
		@include AU-space( width, 1unit );
		@include AU-space( height, 1unit );
		@include AU-space( margin, 0 0.25unit 0 0 );
	}
}

/**
 * UP
 */
.au-direction-link--up:after {
	content: '↑';
}

/**
 * DOWN
 */
.au-direction-link--down:after {
	content: '↓';
}

//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// direction-links module
// Use direction links to link up and down within the DOM or back to a parent page.
//
// Content:
// - Direction link base style and the up|down|left|right variations
//--------------------------------------------------------------------------------------------------------------------------------------------------------------


@import '_globals.scss';
@import '_print.scss';


//--------------------------------------------------------------------------------------------------------------------------------------------------------------
// Direction links default to pointing right
//
// Everyone needs Konami code style links, right? (:
//--------------------------------------------------------------------------------------------------------------------------------------------------------------
.au-direction-link {
	display: inline-block;
}

.au-direction-link:after {
	@include AU-space( width, 1unit );
	@include AU-space( height, 1unit );
	@include AU-space( margin, 0 0 0 0.25unit );
	content: '→';
	display: inline-block;
	width: auto;
	height: auto;
}

/**
 * LEFT
 */
.au-direction-link--left {
	&:after {
		display: none;
	}

	&:before {
		content: '←';
		display: inline-block;
		@include AU-space( width, 1unit );
		@include AU-space( height, 1unit );
		@include AU-space( margin, 0 0.25unit 0 0 );
	}
}

/**
 * UP
 */
.au-direction-link--up:after {
	content: '↑';
}

/**
 * DOWN
 */
.au-direction-link--down:after {
	content: '↓';
}

Fix focus state and alignment
Fix focus state and alignment
