wise-web-client/styles/common/helpers.less

Based on Spine MVC framework

.relative-helper {
	position: relative;
	padding: 0px;
}
.hr-helper {
	border-bottom: solid 1px @layout-dark;
}
.right-float-helper {
	float:right;
}
.no-space-helper {
  margin: 0px;
  padding: 0px;
}
.bold-helper {
  font-weight: 400;
}
.hidden-helper {
	display: none;
}
.bottom-right-helper {
	position: absolute;
    right: 0;
    bottom: 0;
}
.bottom-left-helper {
	position: absolute;
    left: 0;
    bottom: 0;
}
.top-right-helper {
	position: absolute;
    right: 0;
    top: 0;
}
.top-left-helper {
	position: absolute;
    left: 0;
    top: 0;
}
.center-helper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}
.vertical-center-helper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.right-vertical-center-helper (@right-space:0px){
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: @right-space;
}
.left-vertical-center-helper (@left-space:0px){
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: @left-space;
}
.ellipsis-helper {
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}