diff options
| author | Sam Potts <sam@potts.es> | 2018-08-13 23:42:12 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-08-13 23:42:12 +1000 |
| commit | 468b20d227f7b6c17aab90364e3d9699bae0ac9d (patch) | |
| tree | 7038fcc9a48be3012ef7b6e48824d36849c51304 /src/sass/components/volume.scss | |
| parent | f6bc42c2bc26cd594bb272ab32bbd227b0d493b0 (diff) | |
| download | plyr-468b20d227f7b6c17aab90364e3d9699bae0ac9d.tar.lz plyr-468b20d227f7b6c17aab90364e3d9699bae0ac9d.tar.xz plyr-468b20d227f7b6c17aab90364e3d9699bae0ac9d.zip | |
Moved mute button inside plyr__volume
Diffstat (limited to 'src/sass/components/volume.scss')
| -rw-r--r-- | src/sass/components/volume.scss | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/sass/components/volume.scss b/src/sass/components/volume.scss index d22b7cba..82a6dd36 100644 --- a/src/sass/components/volume.scss +++ b/src/sass/components/volume.scss @@ -3,20 +3,23 @@ // -------------------------------------------------------------- .plyr__volume { + align-items: center; + display: flex; flex: 1; position: relative; input[type='range'] { + margin-left: ($plyr-control-spacing / 2); position: relative; z-index: 2; } @media (min-width: $plyr-bp-sm) { - max-width: 50px; + max-width: 90px; } @media (min-width: $plyr-bp-md) { - max-width: 80px; + max-width: 110px; } } |