aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/components/volume.scss
diff options
context:
space:
mode:
authorSam Potts <sam@potts.es>2020-04-24 00:32:16 +1000
committerSam Potts <sam@potts.es>2020-04-24 00:32:16 +1000
commit3b521f73bd773dcb530746db47c90dbb1349b70b (patch)
tree371bb120c654d55d0016792b9412fc122735c1b8 /src/sass/components/volume.scss
parent27126b20bc5d2a3a8947c363d1f1887533f69688 (diff)
parent68137aa789b195b26d4306eaebc7fee2f8eb3374 (diff)
downloadplyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.lz
plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.xz
plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.zip
Merge branch 'develop' of github.com:sampotts/plyr into develop
# Conflicts: # package.json # yarn.lock
Diffstat (limited to 'src/sass/components/volume.scss')
-rw-r--r--src/sass/components/volume.scss28
1 files changed, 14 insertions, 14 deletions
diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss
index 614b35f5..be82f536 100644
--- a/src/sass/components/volume.scss
+++ b/src/sass/components/volume.scss
@@ -3,23 +3,23 @@
// --------------------------------------------------------------
.plyr__volume {
- align-items: center;
- display: flex;
- max-width: 110px;
- min-width: 80px;
- position: relative;
- width: 20%;
+ align-items: center;
+ display: flex;
+ max-width: 110px;
+ min-width: 80px;
+ position: relative;
+ width: 20%;
- input[type='range'] {
- margin-left: ($plyr-control-spacing / 2);
- margin-right: ($plyr-control-spacing / 2);
- position: relative;
- z-index: 2;
- }
+ input[type='range'] {
+ margin-left: calc(#{$plyr-control-spacing} / 2);
+ margin-right: calc(#{$plyr-control-spacing} / 2);
+ position: relative;
+ z-index: 2;
+ }
}
// Auto size on iOS as there's no slider
.plyr--is-ios .plyr__volume {
- min-width: 0;
- width: auto;
+ min-width: 0;
+ width: auto;
}