From cfb084d91b0002f6fa7d6e5aee65044ce2bf4109 Mon Sep 17 00:00:00 2001 From: Ascendings Date: Tue, 6 Oct 2015 11:10:17 -0400 Subject: [PATCH] Added styles for the song lists and header --- assets/sass/pages/_music.sass | 60 +++++++++++++++++++++-------------- 1 file changed, 37 insertions(+), 23 deletions(-) diff --git a/assets/sass/pages/_music.sass b/assets/sass/pages/_music.sass index 4299119..4e8c556 100755 --- a/assets/sass/pages/_music.sass +++ b/assets/sass/pages/_music.sass @@ -1,16 +1,13 @@ -#music-player - .now-playing-list - margin-left: 15px - margin-right: 15px - color: $text-color +#music-header + text-align: center + + h1 + color: white + font: + size: 34px + weight: bold - li, - a - color: $text-color - text-decoration: none - - &:hover - color: $main-color +//#music-player #music-list-section .music-list @@ -21,15 +18,32 @@ cursor: pointer background: #f0f0f0 - ol - color: $text-color - - li, - a - color: $text-color - - &:hover - color: $main-color - .music-list-header - margin: 10px 0 \ No newline at end of file + 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)