More fine tweaks for the music page
This commit is contained in:
parent
68f46a3989
commit
8ab6e96b35
@ -31,7 +31,7 @@
|
||||
<!-- music playlist section -->
|
||||
<article id="music-list-section" class="col-md-7">
|
||||
<!-- music playlists -->
|
||||
<div class="music-list card">
|
||||
<div class="music-list card shadow-1">
|
||||
<h3 class="music-list-header selected">Opting Out EP</h3>
|
||||
<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>
|
||||
@ -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>
|
||||
</ol>
|
||||
</div>
|
||||
<div class="music-list card">
|
||||
<div class="music-list card shadow-1">
|
||||
<h3 class="music-list-header">Brain Scrub - Single</h3>
|
||||
<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>
|
||||
|
@ -14,7 +14,7 @@
|
||||
|
||||
.music-list
|
||||
position: relative
|
||||
+transition(all, 300ms)
|
||||
+transition(background, 200ms)
|
||||
|
||||
&:hover
|
||||
cursor: pointer
|
||||
|
@ -4,6 +4,12 @@
|
||||
margin-bottom: 15px
|
||||
padding: 15px 10px
|
||||
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
|
||||
text-decoration: underline
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user