More fine tweaks for the music page

This commit is contained in:
Ascendings 2015-10-02 01:33:10 -04:00
parent 68f46a3989
commit 8ab6e96b35
4 changed files with 10 additions and 4 deletions

View File

@ -31,7 +31,7 @@
<!-- music playlist section --> <!-- music playlist section -->
<article id="music-list-section" class="col-md-7"> <article id="music-list-section" class="col-md-7">
<!-- music playlists --> <!-- music playlists -->
<div class="music-list card"> <div class="music-list card shadow-1">
<h3 class="music-list-header selected">Opting Out EP</h3> <h3 class="music-list-header selected">Opting Out EP</h3>
<ol> <ol>
<li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out">Opting Out</li> <li data-title="Opting Out" data-album="Opting Out EP" data-sequence="1" data-path="/audio/opting_out_ep/01 Opting Out">Opting Out</li>
@ -40,7 +40,7 @@
<li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady">Lady</li> <li data-title="Lady" data-album="Opting Out EP" data-sequence="4" data-path="/audio/opting_out_ep/04 Lady">Lady</li>
</ol> </ol>
</div> </div>
<div class="music-list card"> <div class="music-list card shadow-1">
<h3 class="music-list-header">Brain Scrub - Single</h3> <h3 class="music-list-header">Brain Scrub - Single</h3>
<ol> <ol>
<li data-title="Brain Scrub" data-album="Brain Scrub - Single" data-sequence="1" data-path="/audio/opting_out_ep/01 Brain Scrub">Brain Scrub</li> <li data-title="Brain Scrub" data-album="Brain Scrub - Single" data-sequence="1" data-path="/audio/opting_out_ep/01 Brain Scrub">Brain Scrub</li>

View File

@ -14,7 +14,7 @@
.music-list .music-list
position: relative position: relative
+transition(all, 300ms) +transition(background, 200ms)
&:hover &:hover
cursor: pointer cursor: pointer

View File

@ -5,6 +5,12 @@
padding: 15px 10px padding: 15px 10px
background: white background: white
&.hover-box
+transition(box-shadow, 200ms)
&:hover
box-shadow: 0 6px 20px 0 rgba(#000, 0.19), 0 8px 17px 0 rgba(#000, 0.2)
.underline .underline
text-decoration: underline text-decoration: underline

File diff suppressed because one or more lines are too long