@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;
            }
            &.hasChords {
                background-color: @nochordscolor;
                &:hover {
                    color: @text-hover;
                    background-color: @nochordscolor-hover;
                }
            }
        }
    }
}
span.hasChords {
    background-color: @nochordscolor;
    padding: 0.3em 0.4em;
    border-radius: @border-radius;
}