Added styles for the song lists and header
This commit is contained in:
parent
fdde6abde3
commit
cfb084d91b
@ -1,16 +1,13 @@
|
||||
#music-player
|
||||
.now-playing-list
|
||||
margin-left: 15px
|
||||
margin-right: 15px
|
||||
color: $text-color
|
||||
#music-header
|
||||
text-align: center
|
||||
|
||||
li,
|
||||
a
|
||||
color: $text-color
|
||||
text-decoration: none
|
||||
h1
|
||||
color: white
|
||||
font:
|
||||
size: 34px
|
||||
weight: bold
|
||||
|
||||
&:hover
|
||||
color: $main-color
|
||||
//#music-player
|
||||
|
||||
#music-list-section
|
||||
.music-list
|
||||
@ -21,15 +18,32 @@
|
||||
cursor: pointer
|
||||
background: #f0f0f0
|
||||
|
||||
ol
|
||||
.music-list-header
|
||||
margin: 10px 0
|
||||
|
||||
.now-playing-list,
|
||||
.music-list ol
|
||||
margin-left: 15px
|
||||
margin-right: 15px
|
||||
color: $text-color
|
||||
|
||||
li
|
||||
+transition(background, 200ms)
|
||||
|
||||
&:hover
|
||||
background: #f0f0f0
|
||||
|
||||
a
|
||||
color: $main-color
|
||||
|
||||
&.selected
|
||||
background: #e0e0e0
|
||||
|
||||
li,
|
||||
a
|
||||
display: block
|
||||
+size(100% 100%)
|
||||
padding: 8px 5px
|
||||
color: $text-color
|
||||
|
||||
&:hover
|
||||
color: $main-color
|
||||
|
||||
.music-list-header
|
||||
margin: 10px 0
|
||||
text-decoration: none
|
||||
+transition(color, 200ms)
|
||||
|
Loading…
Reference in New Issue
Block a user