fix: Correct LASS hover syntax for track links
- Move track-link styles inside recently-played-list block for proper CSS nesting - Use (:and .track-link :hover) at correct nesting level per LASS documentation - Fixes hover color change to green when mousing over track names - Generates correct CSS selector: .recently-played-list .track-link:hover
This commit is contained in:
parent
ea3cd4a8f6
commit
2fae9f80f4
|
|
@ -145,7 +145,28 @@
|
||||||
:padding "20px"
|
:padding "20px"
|
||||||
:font-style italic)
|
:font-style italic)
|
||||||
|
|
||||||
(.error :color "#ff4444"))
|
(.error :color "#ff4444")
|
||||||
|
|
||||||
|
(.track-link
|
||||||
|
:display inline-flex
|
||||||
|
:align-items center
|
||||||
|
:gap "4px"
|
||||||
|
:color "#4488ff"
|
||||||
|
:text-decoration none
|
||||||
|
:font-weight 500
|
||||||
|
:font-size "1em"
|
||||||
|
:transition "all 0.2s"
|
||||||
|
|
||||||
|
(.external-icon
|
||||||
|
:width "14px"
|
||||||
|
:height "14px"
|
||||||
|
:margin-left "2px"
|
||||||
|
:vertical-align middle))
|
||||||
|
|
||||||
|
((:and .track-link :hover)
|
||||||
|
:color "#00ff00"
|
||||||
|
:text-decoration underline
|
||||||
|
:text-underline-offset "3px"))
|
||||||
|
|
||||||
((:and .recently-played-list .track-list)
|
((:and .recently-played-list .track-list)
|
||||||
:list-style none
|
:list-style none
|
||||||
|
|
@ -185,28 +206,7 @@
|
||||||
:font-size "0.85em"
|
:font-size "0.85em"
|
||||||
:grid-column 2
|
:grid-column 2
|
||||||
:grid-row 1
|
:grid-row 1
|
||||||
:text-align right)
|
:text-align right))
|
||||||
|
|
||||||
((:and .recently-played-list .track-link)
|
|
||||||
:display inline-flex
|
|
||||||
:align-items center
|
|
||||||
:gap "4px"
|
|
||||||
:color "#4488ff"
|
|
||||||
:text-decoration none
|
|
||||||
:font-weight 500
|
|
||||||
:font-size "1em"
|
|
||||||
:transition "all 0.2s"
|
|
||||||
|
|
||||||
((:and :hover)
|
|
||||||
:color "#00ff00"
|
|
||||||
:text-decoration underline
|
|
||||||
:text-underline-offset "3px")
|
|
||||||
|
|
||||||
(.external-icon
|
|
||||||
:width "14px"
|
|
||||||
:height "14px"
|
|
||||||
:margin-left "2px"
|
|
||||||
:vertical-align middle)))
|
|
||||||
|
|
||||||
(.back
|
(.back
|
||||||
:color "#00ffff"
|
:color "#00ffff"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue