Creating sticky playback controls in foot

This commit is contained in:
James Barnsley
2017-06-16 09:37:40 +12:00
parent 5d0c365943
commit 911f07a806
17 changed files with 301 additions and 39 deletions

View File

@ -5,7 +5,7 @@
.track {
position: absolute;
background: rgba(255,255,255,0.3);
background: $light_grey;
.progress {
position: absolute;
@ -22,12 +22,11 @@
}
&.horizontal {
margin: 10px 0;
height: 20px;
.track {
height: 2px;
top: 9px;
height: 5px;
top: 12px;
right: 0;
left: 0;
@ -43,10 +42,10 @@
height: 100%;
.track {
width: 2px;
width: 5px;
top: 0;
bottom: 0;
left: 9px;
left: 12px;
.progress {
bottom: 0;