useful css classes.

helper.less

@charset "utf-8";


.un-float {
	float: none !important;
}

.un-padding {
	padding: 0 !important;
}

.un-margin {
	margin: 0 !important;
}

.auto {
	margin: auto !important;
}

.absolute {
	position: absolute !important;
}

.relative {
	position: relative !important;
}

.none {
	display: none !important;
}

.block {
	display: block !important;
}

.inline {
	display: inline-block !important;
}

.inline-list {
	*zoom: 1;
	&:before, &:after {
		display: table;
		content: "";
		line-height: 0;
	}
	&:after {
		clear: both;
	}
	& > * {
		float: left;
	}
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.font-light {
	font-weight: 100;
}

.font-normal {
	font-weight: 300;
}

.font-bold {
	font-weight: 400;
}

.font-bolder {
	font-weight: 500;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.pointer {
	cursor: pointer !important;
}

.bold {
	font-weight: bold !important;
}

.ellipsis {
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	overflow: hidden !important;
}