// Add a highlight for debugging
@mixin highlight($color) {
	outline: 1px solid $color;
	background: rgba($color, .05);
	box-shadow: 0 0 2px 2px rgba($color, .2), inset 0 0 2px 2px rgba($color, .2);
}

// Ellipsis, but for block elements
@mixin block-ellipsis($width: 100%) {
	display: block;
	max-width: $width;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

// No margins, padding, borders
@mixin naked() {
	border: 0 none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

@mixin translate($x, $y) {
	@include transform(translate($x, $y));
}

// Disallow wrapping
@mixin nowrap() {
	white-space: nowrap;
	word-wrap: normal;
}