
@import "../../../@common/common.less";


.fontSize() when (@counterThickness < 15px) {
	font-size: (@counterThickness - 5px);
}

.fontSize() when (@counterThickness < 22px) {
	font-size: (@counterThickness - 12px);
}


.fontSize() when (@counterThickness >= 22px) {
	font-size: 16px
}


#@{el}.counter-type-gauge {
	
	.counter-description { width: @counterDimension; }

}

#@{el}.counter-type-line {	

	canvas				{ height: @counterThickness; }
	.counter-display	{ line-height: @counterThickness; }
	.counter-title		{ line-height: @counterThickness; .fontSize(); }
}

#@{el}.counter-type-textbox {
	
	.counter-display	{ min-width: @counterDimension; border-width: @counterThickness; border-color: @counterBottomColor; }
	.type-text			{ color: @counterBaseColor; }
	.counter-title		{ color: @counterBaseColor; }

} 

#@{el} {

}

.@{el} {
	clear:both;
}
