@import "colors"; .songs { list-style: none; padding: 0; > a { color: inherit; text-decoration: none; > li { background-color: @secondary; margin: .5em; padding: .6em; border-radius: @border-radius; .number { font-weight: bolder; color: black; } &:hover { color: @text-hover; background-color: @secondary-hover; transition-duration: @transition; } &.noChords { background-color: @nochordscolor; &:hover { color: @text-hover; background-color: @nochordscolor-hover; } } } } } ul.songs { width: 100%; margin: 1em auto; li { display: inline-block; margin: .2em; } } span.noChords { background-color: @nochordscolor; padding: 0.3em 0.4em; border-radius: @border-radius; display: inline-block; }