diff options
| author | Sam Potts <sam@potts.es> | 2020-04-24 00:14:50 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-04-24 00:14:50 +1000 |
| commit | a97008aeebb19678e5183e7c934e60729857e11b (patch) | |
| tree | aa710c3a98b5b4696f57ae767fe85dbea9a9ec69 /src/sass/components/sliders.scss | |
| parent | a9b24f5e1f8f24dbc81420d5ee480915c13df34a (diff) | |
| download | plyr-a97008aeebb19678e5183e7c934e60729857e11b.tar.lz plyr-a97008aeebb19678e5183e7c934e60729857e11b.tar.xz plyr-a97008aeebb19678e5183e7c934e60729857e11b.zip | |
More work on custom properties and documentation
Diffstat (limited to 'src/sass/components/sliders.scss')
| -rw-r--r-- | src/sass/components/sliders.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/src/sass/components/sliders.scss b/src/sass/components/sliders.scss index b7872bcb..b90e7229 100644 --- a/src/sass/components/sliders.scss +++ b/src/sass/components/sliders.scss @@ -8,10 +8,10 @@ background: transparent; border: 0; border-radius: calc(#{$plyr-range-thumb-height} * 2); - // color is used in JS to populate lower fill for WebKit + // `color` property is used in JS to populate lower fill for WebKit color: $plyr-range-fill-background; display: block; - height: $plyr-range-max-height; + height: calc((#{$plyr-range-thumb-active-shadow-width} * 2) + #{$plyr-range-thumb-height}); margin: 0; padding: 0; transition: box-shadow 0.3s ease; |