css-magic
Version:
Include Ray's CSS Library
23 lines (20 loc) • 385 B
text/less
*[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;
}
}
}