ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

3.3.16

Browse Source
This commit is contained in:
Sam Potts
2018-06-29 00:38:11 +10:00
parent 0c9572f0a1
commit 566c059832
21 changed files with 390 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/sass/components/controls.scss
View File

@ -11,8 +11,8 @@
.plyr__controls {
align-items: center;
display: flex;
text-align: center;
justify-content: flex-end;
text-align: center;
// Spacing
> .plyr__control,
@ -23,6 +23,7 @@
&:first-child,
&:first-child + [data-plyr='pause'] {
margin-left: 0;
margin-right: auto;
}
}
@ -49,13 +50,17 @@
// Video controls
.plyr--video .plyr__controls {
background: linear-gradient(rgba($plyr-video-controls-bg, 0), rgba($plyr-video-controls-bg, 0.7));
background: linear-gradient(
rgba($plyr-video-controls-bg, 0),
rgba($plyr-video-controls-bg, 0.7)
);
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: $plyr-video-control-color;
left: 0;
padding: ($plyr-control-spacing * 3.5) $plyr-control-spacing $plyr-control-spacing;
padding: ($plyr-control-spacing * 3.5) $plyr-control-spacing
$plyr-control-spacing;
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;