// Links
// -----------------------------------------------------------------------------

a {
	color: $basic_link_color;
	//  color: lighten($basic_action_color, 20%);
	text-decoration: none;

	&:active,
	&:focus,
	&:hover {
		color: $basic_highlight_color;
	}
}

.a__line {
	border-bottom-width: $tiny_space;
	border-bottom-style: dotted;
	border-color: $basic_border_color;
	background-color: transparent;
	color: $basic_font_color;
	transition: color $basic_duration $basic_timing;

	&:active,
	&:focus,
	&:hover {
		background-color: $basic_action_color;
		color: $basic_highlight_color;
	}
}

.a__button {
	@extend %default_button;
}

.a__button_text {
	@extend %default_button;
	padding: $wide_padding;
	background-color: transparent;
	color: $basic_font_color;
}

.a__button_border {
	@extend .a__button_text;
	border: $cell_border;
}


// Other elements
// -----------------------------------------------------------------------------

i, em {
	font-style: italic;
}

.i__bright {
	font-style: normal;
	color: $brightest_color;
}

b, strong {
	font-weight: 500; // TODO maybe bolder
}

small {

}


// Cite
cite {
	font-style: italic;
}

q {

}

dfn {

}

abbr {

}

data {

}

time {

}

// Code
code {
	@extend %basic_mono;
	color: lighten($basic_font_color, 12%);
	background-color: rgba($brightest_color,.1);
}
.code__solo {
	@extend %basic_mono;
	padding: $tiny_space $half_space;
	color: $basic_font_color;
}

samp {

}

kbd {

}

sub, sup {

}

u {

}

// Marks
mark {
	background-color: $alpha_color;
}
.mark__cursor {
	color: $basic_highlight_color;
	background-color: $darkest_color;
}
::-moz-selection {
	color: $basic_highlight_color;
	background-color: $darkest_color;
}
::selection {
	color: $basic_highlight_color;
	background-color: $darkest_color;
}

span {

}
.span__solo {
	@extend %solo;
}

br {

}

wbr {

}



// Edits
// -----------------------------------------------------------------------------

ins {

}

del {

}



// General Classes
// ------------------------------------------------------------------------------
.txt-tiny {
	font-size: .5em !important;
}

.txt-smaller {
	font-size: .75em !important;
}

.txt-larger {
	font-size: 1.2em !important;
}

.txt-huge {
	font-size: 3em !important;
}

.txt_center {
	text-align: center !important;
}
.txt_right {
	text-align: right !important;
}
.txt_left {
	text-align: left !important;
}

.txt_white {
	color: white;
}

.txt_black {
	color: black;
}