// Vertically center an element
@mixin vertical-align() {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

// For truncating long entries with ellipses
@mixin ellipsis() {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%
} // Parent element will need to have its width set in order for this to work

// Paint a non-link element to look like a link element
@mixin text-link() {
    color:$blue-medium;
    cursor:pointer;
    text-decoration:underline;
}