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 #music-header
.now-playing-list text-align: center
margin-left: 15px
margin-right: 15px
color: $text-color
li, h1
a color: white
color: $text-color font:
text-decoration: none size: 34px
weight: bold
&:hover //#music-player
color: $main-color
#music-list-section #music-list-section
.music-list .music-list
@ -21,15 +18,32 @@
cursor: pointer cursor: pointer
background: #f0f0f0 background: #f0f0f0
ol .music-list-header
margin: 10px 0
.now-playing-list,
.music-list ol
margin-left: 15px
margin-right: 15px
color: $text-color color: $text-color
li
+transition(background, 200ms)
&:hover
background: #f0f0f0
a
color: $main-color
&.selected
background: #e0e0e0
li, li,
a a
display: block
+size(100% 100%)
padding: 8px 5px
color: $text-color color: $text-color
text-decoration: none
&:hover +transition(color, 200ms)
color: $main-color
.music-list-header
margin: 10px 0