.textOverflow() {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

.textOverflowMulti(@line: 3, @bg: #fff) {
	overflow: hidden;
	position: relative;
	line-height: 1.5em;
	max-height: @line * 1.5em;
	text-align: justify;
	margin-right: -1em;
	padding-right: 1em;
	&:before {
		background: @bg;
		content: "...";
		padding: 0 1px;
		position: absolute;
		right: 14px;
		bottom: 0;
	}
	&:after {
		background: white;
		content: "";
		margin-top: 0.2em;
		position: absolute;
		right: 14px;
		width: 1em;
		height: 1em;
	}
}

// mixins for clearfix
// ------------------------
.clearfix() {
	zoom: 1;
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
		visibility: hidden;
		font-size: 0;
		height: 0;
	}
}