diff options
| author | Sam Potts <me@sampotts.me> | 2018-01-07 22:35:52 +1100 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2018-01-07 22:35:52 +1100 |
| commit | eb38e0394d7ad95f3039ad88f9f564f3a9703503 (patch) | |
| tree | 9b87d2296c124fd933864053cf948a4dbab5e20d /src/sass/lib/mixins.scss | |
| parent | e14e2cfaff8acb9a11719d8f5e5684ca7ff48a02 (diff) | |
| download | plyr-eb38e0394d7ad95f3039ad88f9f564f3a9703503.tar.lz plyr-eb38e0394d7ad95f3039ad88f9f564f3a9703503.tar.xz plyr-eb38e0394d7ad95f3039ad88f9f564f3a9703503.zip | |
Slider styling
Diffstat (limited to 'src/sass/lib/mixins.scss')
| -rw-r--r-- | src/sass/lib/mixins.scss | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss index 59b693cf..2abe6b8f 100644 --- a/src/sass/lib/mixins.scss +++ b/src/sass/lib/mixins.scss @@ -34,20 +34,18 @@ @mixin plyr-range-thumb() { background: $plyr-range-thumb-bg; - border: $plyr-range-thumb-border; + border: 0; border-radius: 100%; box-shadow: $plyr-range-thumb-shadow; box-sizing: border-box; height: $plyr-range-thumb-height; position: relative; - transition: background 0.2s ease, border 0.2s ease, transform 0.2s ease; + transition: all 0.2s ease; width: $plyr-range-thumb-height; } @mixin plyr-range-thumb-active() { - background: $plyr-range-thumb-active-bg; - border-color: $plyr-range-thumb-active-border-color; - transform: scale($plyr-range-thumb-active-height / $plyr-range-thumb-height); + box-shadow: 0 0 0 $plyr-range-thumb-active-shadow-width transparentize($plyr-range-thumb-bg, 0.5); } // Fullscreen styles |