1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.img-hover { img { display: inline-block; &.hover { display: none; } &:hover { display: none; &.hover { display: inline-block; } } } } |
Just saw this less snippet in a project. I had to look twice to understand it.