secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Exploring the much-requested dark play bar

Browse Source
This commit is contained in:
James Barnsley
2019-12-02 17:01:32 +13:00
parent 26ee67e2f6
commit 4eba09aceb
5 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/scss/components/_playback-controls.scss
View File

@ -5,10 +5,10 @@
right: 0;
left: 0;
height: 60px;
background: colour(white);
color: colour(darkest_grey);
background: colour(grey);
color: colour(white);
transform-style: preserve-3d;
border-left: 230px solid colour(white);
border-left: 230px solid colour(grey);
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);
.current-track {
@ -72,7 +72,7 @@
margin-right: 12px;
&__image {
background-color: colour(faint_grey);
background-color: colour(grey);
}
&:before {
@ -149,6 +149,7 @@
display: inline-block;
vertical-align: bottom;
background: none;
color: colour(white);
.icon {
font-size: 0.9rem;
@ -184,7 +185,6 @@
&.play {
margin-bottom: -0.8rem;
color: colour(turquoise);
.icon {
font-size: 3rem;
@ -199,7 +199,6 @@
right: 25rem;
padding-left: 20px;
padding-right: 20px;
color: colour(mid_grey);
.slider {
position: absolute;