diff options
author | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
commit | 502d5977d79148957828cbf313b7ef4c9f31973f (patch) | |
tree | 71bbffcffc9745c5b672a122f3937519ba67c1c4 /src/sass/components/controls.scss | |
parent | 8f5b59c18cc7837bde9af55d24d12e1fd939043d (diff) | |
download | plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.lz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.xz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.zip |
Converted to 2 space indentation
Diffstat (limited to 'src/sass/components/controls.scss')
-rw-r--r-- | src/sass/components/controls.scss | 66 |
1 files changed, 33 insertions, 33 deletions
diff --git a/src/sass/components/controls.scss b/src/sass/components/controls.scss index 50333701..60ee774d 100644 --- a/src/sass/components/controls.scss +++ b/src/sass/components/controls.scss @@ -4,49 +4,49 @@ // Hide native controls .plyr--full-ui ::-webkit-media-controls { - display: none; + display: none; } // Playback controls .plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; - - .plyr__progress__container { - flex: 1; - min-width: 0; // Fix for Edge issue where content would overflow - } + align-items: center; + display: flex; + justify-content: flex-end; + text-align: center; - // Spacing - .plyr__controls__item { - margin-left: ($plyr-control-spacing / 4); + .plyr__progress__container { + flex: 1; + min-width: 0; // Fix for Edge issue where content would overflow + } - &:first-child { - margin-left: 0; - margin-right: auto; - } + // Spacing + .plyr__controls__item { + margin-left: calc(#{$plyr-control-spacing} / 4); - &.plyr__progress__container { - padding-left: ($plyr-control-spacing / 4); - } + &:first-child { + margin-left: 0; + margin-right: auto; + } - &.plyr__time { - padding: 0 ($plyr-control-spacing / 2); - } + &.plyr__progress__container { + padding-left: calc(#{$plyr-control-spacing} / 4); + } - &.plyr__progress__container:first-child, - &.plyr__time:first-child, - &.plyr__time + .plyr__time { - padding-left: 0; - } + &.plyr__time { + padding: 0 calc(#{$plyr-control-spacing} / 2); } - // Hide empty controls - &:empty { - display: none; + &.plyr__progress__container:first-child, + &.plyr__time:first-child, + &.plyr__time + .plyr__time { + padding-left: 0; } + } + + // Hide empty controls + &:empty { + display: none; + } } // Some options are hidden by default @@ -54,11 +54,11 @@ .plyr [data-plyr='pip'], .plyr [data-plyr='airplay'], .plyr [data-plyr='fullscreen'] { - display: none; + display: none; } .plyr--captions-enabled [data-plyr='captions'], .plyr--pip-supported [data-plyr='pip'], .plyr--airplay-supported [data-plyr='airplay'], .plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; + display: inline-block; } |