diff options
| author | Sam Potts <sam@potts.es> | 2018-07-02 23:11:50 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-07-02 23:11:50 +1000 |
| commit | e61ebd8d05b270aba93580e28999bc2af22b2686 (patch) | |
| tree | 6fe01bd9ac8bb79a352f323b2453052969e78018 /src/sass/components/controls.scss | |
| parent | 3bf1c59bd6a5beb32ee76ba46e37692c2b1c077f (diff) | |
| parent | 6eeca8b5d1c9faa4573e403a9ec060dd99d092e5 (diff) | |
| download | plyr-e61ebd8d05b270aba93580e28999bc2af22b2686.tar.lz plyr-e61ebd8d05b270aba93580e28999bc2af22b2686.tar.xz plyr-e61ebd8d05b270aba93580e28999bc2af22b2686.zip | |
Merge branch 'develop' into a11y-improvements
Diffstat (limited to 'src/sass/components/controls.scss')
| -rw-r--r-- | src/sass/components/controls.scss | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/src/sass/components/controls.scss b/src/sass/components/controls.scss index 91db1b20..9b203f43 100644 --- a/src/sass/components/controls.scss +++ b/src/sass/components/controls.scss @@ -11,6 +11,7 @@ .plyr__controls { align-items: center; display: flex; + justify-content: flex-end; text-align: center; // Spacing @@ -23,6 +24,7 @@ &:first-child, &:first-child + [data-plyr='pause'] { margin-left: 0; + margin-right: auto; } } @@ -48,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; |