diff options
Diffstat (limited to 'src/sass/components/controls.scss')
| -rw-r--r-- | src/sass/components/controls.scss | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/sass/components/controls.scss b/src/sass/components/controls.scss index 35f00f63..9b203f43 100644 --- a/src/sass/components/controls.scss +++ b/src/sass/components/controls.scss @@ -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; |