aboutsummaryrefslogtreecommitdiffstats
path: root/src/less/mixins.less
diff options
context:
space:
mode:
Diffstat (limited to 'src/less/mixins.less')
-rw-r--r--src/less/mixins.less29
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