// ============================================================================
// :: Placeholder
// ============================================================================
/**
 * Mixin used to style a placeholder within different browsers. It can only be
 * used within an input field.
 */
@mixin placeholder() {

	&::-moz-placeholder {
		@content;

		text-overflow: ellipsis;
	}

	&::-webkit-input-placeholder {
		@content;
		text-overflow: ellipsis;
	}

	&:-moz-placeholder {
		@content;
		text-overflow: ellipsis;
	}

	&:-ms-input-placeholder {
		@content;
		text-overflow: ellipsis;
	}
}