Added styles for the song lists and header
This commit is contained in:
parent
fdde6abde3
commit
cfb084d91b
@ -1,16 +1,13 @@
|
|||||||
#music-player
|
#music-header
|
||||||
.now-playing-list
|
text-align: center
|
||||||
margin-left: 15px
|
|
||||||
margin-right: 15px
|
h1
|
||||||
color: $text-color
|
color: white
|
||||||
|
font:
|
||||||
|
size: 34px
|
||||||
|
weight: bold
|
||||||
|
|
||||||
li,
|
//#music-player
|
||||||
a
|
|
||||||
color: $text-color
|
|
||||||
text-decoration: none
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
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
|
|
||||||
color: $text-color
|
|
||||||
|
|
||||||
li,
|
|
||||||
a
|
|
||||||
color: $text-color
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
color: $main-color
|
|
||||||
|
|
||||||
.music-list-header
|
.music-list-header
|
||||||
margin: 10px 0
|
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
|
||||||
|
text-decoration: none
|
||||||
|
+transition(color, 200ms)
|
||||||
|
Loading…
Reference in New Issue
Block a user