Added styles for the song lists and header

This commit is contained in:
Ascendings 2015-10-06 11:10:17 -04:00
parent fdde6abde3
commit cfb084d91b

View File

@ -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)