*[data-underline] {
	.crisp;
	position: @relative;
	.inline-block;
	
	> span.underline {
		.box(@absolute,@initial,@initial,@initial,@zero,@fitty,@zero,1px);
		.translate(-@fitty,@zero);
		opacity: 0;
		.transition(.25s,all);
		background-color: @black;
	}
	
	html.no-touch &:hover,
	&:active,
	li.current-menu-item > & {
		
		> span.underline {
			width: 100%;
			opacity: 1;
		}
	}
}