diff options
| author | Sam Potts <sam@potts.es> | 2019-04-25 12:02:48 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2019-04-25 12:02:48 +1000 |
| commit | 9b81e776fbb73195cd4391e4b504e9e1ae7aedad (patch) | |
| tree | 5bd9d6c98751f2162a1351fa77bb86a871d9a7d8 /src/sass/components/progress.scss | |
| parent | 7a4a7dece8538b1ff23d9155d882bda01c7940ee (diff) | |
| download | plyr-9b81e776fbb73195cd4391e4b504e9e1ae7aedad.tar.lz plyr-9b81e776fbb73195cd4391e4b504e9e1ae7aedad.tar.xz plyr-9b81e776fbb73195cd4391e4b504e9e1ae7aedad.zip | |
Styling for control changes
Diffstat (limited to 'src/sass/components/progress.scss')
| -rw-r--r-- | src/sass/components/progress.scss | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/src/sass/components/progress.scss b/src/sass/components/progress.scss index f28a19ca..04c83516 100644 --- a/src/sass/components/progress.scss +++ b/src/sass/components/progress.scss @@ -2,18 +2,19 @@ // Playback progress // -------------------------------------------------------------- +// Offset the range thumb in order to be able to calculate the relative progress (#954) +$plyr-progress-offset: $plyr-range-thumb-height; + .plyr__progress { - flex: 1; - left: $plyr-range-thumb-height / 2; - margin-right: $plyr-range-thumb-height; + left: $plyr-progress-offset / 2; + margin-right: $plyr-progress-offset; position: relative; input[type='range'], &__buffer { - margin-left: -($plyr-range-thumb-height / 2); - margin-right: -($plyr-range-thumb-height / 2); - // Offset the range thumb in order to be able to calculate the relative progress (#954) - width: calc(100% + #{$plyr-range-thumb-height}); + margin-left: -($plyr-progress-offset / 2); + margin-right: -($plyr-progress-offset / 2); + width: calc(100% + #{$plyr-progress-offset}); } input[type='range'] { |