website/assets/sass/pages/_music.sass
2016-11-29 18:00:33 -05:00

78 lines
1.1 KiB
Sass
Executable File

#music-header
text-align: center
h1
color: white
font:
size: 34px
weight: bold
#music-list-section
.music-list
position: relative
+transition(background, 200ms)
&:hover
cursor: pointer
background: #f0f0f0
.music-list-header
margin: 10px 0
.now-playing-list,
.music-list ol
+margin(10px 15px null 10px)
color: $text-color
li
+transition(background, 200ms)
&:hover
background: #f0f0f0
cursor: pointer
a
color: $main-color
&.selected
background: #e0e0e0
a
color: $main-color
li,
a
display: block
+size(100% 100%)
padding: 8px 5px
color: $text-color
text-decoration: none
+transition(color, 200ms)
#music-player
width: 100%
#track-title
+padding(null 10px null 10px)
.album-art
width: 100%
.music-album
&.selected
.thumbnail
background: #e0e0e0
a
color: $main-color
.thumbnail
+transition(background, 200ms)
&:hover
background: #f0f0f0
cursor: pointer
a
color: $main-color