diff options
Diffstat (limited to 'src/scss/mixins.scss')
| -rw-r--r-- | src/scss/mixins.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/scss/mixins.scss b/src/scss/mixins.scss new file mode 100644 index 00000000..b4bfca6a --- /dev/null +++ b/src/scss/mixins.scss @@ -0,0 +1,29 @@ +// ========================================================================== +// Plyr mixins +// https://github.com/selz/plyr +// ========================================================================== + +// <input type="range"> styling +@mixin plyr-range-track() { + height: $plyr-range-track-height; + background: transparent; + border: 0; + border-radius: ($plyr-range-track-height / 2); + user-select: none; +} +@mixin plyr-range-thumb() { + position: relative; + height: $plyr-range-thumb-height; + width: $plyr-range-thumb-width; + background: $plyr-range-thumb-bg; + border: $plyr-range-thumb-border; + border-radius: 100%; + transition: background .2s ease, border .2s ease, transform .2s ease; + box-shadow: $plyr-range-thumb-shadow; + box-sizing: border-box; +} +@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-scale); +}
\ No newline at end of file |