bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

random player ready

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-18 13:29:34 +01:00
parent d317b85ef3
commit 003b381d6d
6 changed files with 181 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+37 -8
View File
@@ -274,16 +274,26 @@ main[role="main"]{
background-position: center;
background-size: contain;
}
.previous{
background-image: url(../img/audio-player-previous.svg);
opacity: 0.3;}
.play-pause{
background-image: url(../img/audio-player-play.svg);
padding:0 0.3em;}
padding:0 0.3em;
cursor: pointer;
}
.previous, .next{
opacity: 0.3;
transition: opacity 0.3s ease-in-out;
cursor: auto;
&.is-active{
opacity: 1;
cursor: pointer;
}
}
.previous{
background-image: url(../img/audio-player-previous.svg);
}
.next{
background-image: url(../img/audio-player-next.svg);
opacity: 0.3;}
}
}
.time-line-container{
.time-line{
@@ -1038,19 +1048,38 @@ footer{
$wh:$icons_w;
display: block;
width:$wh; height:$wh;
background-image: url(../img/studio.svg);
background-size: contain;
text-indent: $wh*2;
margin: 0;
overflow: hidden;
mask-image: url(../img/studio.svg);
mask-size: contain;
background-color: #000;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
&.is-active{
background-color: red;
}
}
}
.block.random-player{
pointer-events: all;
margin-left: 0.5em;
a{
background-color: inherit;
$wh:$icons_w;
display: block;
width:$wh; height:$wh;
text-indent: $wh*2;
margin: 0;
overflow: hidden;
mask-image: url(../img/random.svg);
mask-size: contain;
background-color: #000;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
&.is-active{
background-color: red;
}
}
}