diff options
| author | Sam Potts <sam@potts.es> | 2018-06-29 00:38:11 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-06-29 00:38:11 +1000 |
| commit | 566c05983233f935b2d537b4f9f682e464aab27c (patch) | |
| tree | d0f38a421d5e7b8087d46444a8a55ccc4ea8565f /src/sass/components/controls.scss | |
| parent | 0c9572f0a18d602fa03dc21326baac5e7c75afe8 (diff) | |
| download | plyr-566c05983233f935b2d537b4f9f682e464aab27c.tar.lz plyr-566c05983233f935b2d537b4f9f682e464aab27c.tar.xz plyr-566c05983233f935b2d537b4f9f682e464aab27c.zip | |
3.3.16
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; |