Halfway, so just playback component

This commit is contained in:
James Barnsley
2017-06-16 15:40:39 +12:00
parent 1c1de75a6f
commit c206fe9b3a
6 changed files with 84 additions and 14 deletions

View File

@ -8,17 +8,16 @@
height: 50px;
background: $white;
color: $black;
border-top: 1px solid $light_grey;
.current-track {
@include animate();
cursor: pointer;
position: absolute;
bottom: 51px;
background: $white;
bottom: 50px;
width: 220px;
border-top: 1px solid $light_grey;
font-size: 16px;
color: $white;
text-decoration: none;
.thumbnail {
float: left;
@ -43,7 +42,7 @@
}
&:hover {
background: $faint_grey;
background: rgba(255,255,255,0.1);
}
}

View File

@ -7,7 +7,8 @@ aside{
z-index: 96;
width: 220px;
overflow: hidden;
border-right: 1px solid $light_grey;
background: $darkest_grey;
color: $white;
.liner {
overflow-y: auto;
@ -44,6 +45,25 @@ aside{
bottom: 60px;
}
}
.thumbnail {
position: absolute;
top: -30px;
right: -30px;
bottom: -30px;
left: -30px;
height: auto;
width: auto;
max-width: none;
z-index: 1;
opacity: 0.2;
.image {
@include blur();
padding-bottom: 0;
height: 100%;
}
}
nav {
z-index: 2;
@ -52,7 +72,7 @@ aside{
a {
font-size: 16px;
color: $black;
color: $white;
text-decoration: none;
display: block;
padding: 6px 18px 6px 6px;