website/assets/sass/pages/_music.sass

76 lines
1.0 KiB
Sass
Raw Normal View History

#music-header
text-align: center
2016-11-28 11:40:08 -05:00
h1
color: white
font:
size: 34px
weight: bold
2015-10-02 10:28:28 -04:00
#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-left: 15px
margin-right: 15px
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)
2016-11-28 11:40:08 -05:00
2016-11-29 00:04:40 -05:00
#music-player
width: 100%
.album-art
width: 100%
2016-11-28 20:09:37 -05:00
.music-album
&.selected
.thumbnail
background: #e0e0e0
2016-11-28 20:09:37 -05:00
a
color: $main-color
2016-11-28 20:09:37 -05:00
.thumbnail
+transition(background, 200ms)
2016-11-28 20:09:37 -05:00
&:hover
background: #f0f0f0
cursor: pointer
2016-11-28 20:09:37 -05:00
a
color: $main-color