diff options
| author | Sam Potts <me@sampotts.me> | 2016-04-26 23:06:30 +1000 |
|---|---|---|
| committer | Sam Potts <me@sampotts.me> | 2016-04-26 23:06:30 +1000 |
| commit | 81ad9cf6f79d08ca614112f50d5ad45f20a32465 (patch) | |
| tree | 6554adaf51db9e0d74df1680c4fae298dbc6d184 /src/less/mixins.less | |
| parent | 024706f2ffbf7d7f3ba7704cd63fbbde1cf166e1 (diff) | |
| download | plyr-81ad9cf6f79d08ca614112f50d5ad45f20a32465.tar.lz plyr-81ad9cf6f79d08ca614112f50d5ad45f20a32465.tar.xz plyr-81ad9cf6f79d08ca614112f50d5ad45f20a32465.zip | |
Audio styles, docs tweaks, package updates
Diffstat (limited to 'src/less/mixins.less')
| -rw-r--r-- | src/less/mixins.less | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/less/mixins.less b/src/less/mixins.less new file mode 100644 index 00000000..8e8c43f1 --- /dev/null +++ b/src/less/mixins.less @@ -0,0 +1,29 @@ +// ========================================================================== +// Plyr mixins +// https://github.com/selz/plyr +// ========================================================================== + +// <input type="range"> styling +.plyr-range-track() { + height: @plyr-range-track-height; + background: currentColor; + border: 0; + border-radius: (@plyr-range-track-height / 2); + user-select: none; +} +.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; +} +.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 |