aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/settings/controls.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/sass/settings/controls.scss')
-rw-r--r--src/sass/settings/controls.scss23
1 files changed, 20 insertions, 3 deletions
diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss
index d6d2c153..906744b2 100644
--- a/src/sass/settings/controls.scss
+++ b/src/sass/settings/controls.scss
@@ -10,9 +10,26 @@ $plyr-control-radius: 3px !default;
$plyr-video-controls-bg: #000 !default;
$plyr-video-control-color: #fff !default;
$plyr-video-control-color-hover: #fff !default;
-$plyr-video-control-bg-hover: $plyr-color-main !default;
+$plyr-video-control-bg-hover: var(--plyr-color-main) !default;
$plyr-audio-controls-bg: #fff !default;
-$plyr-audio-control-color: $plyr-color-fiord !default;
+$plyr-audio-control-color: var(--plyr-color-fiord) !default;
$plyr-audio-control-color-hover: #fff !default;
-$plyr-audio-control-bg-hover: $plyr-color-main !default;
+$plyr-audio-control-bg-hover: var(--plyr-color-main) !default;
+
+@include css-vars(
+ (
+ --plyr-control-icon-size: $plyr-control-icon-size,
+ --plyr-control-spacing: $plyr-control-spacing,
+ --plyr-control-padding: $plyr-control-padding,
+ --plyr-control-radius: $plyr-control-radius,
+ --plyr-video-controls-bg: $plyr-video-controls-bg,
+ --plyr-video-control-color: $plyr-video-control-color,
+ --plyr-video-control-color-hover: $plyr-video-control-color-hover,
+ --plyr-video-control-bg-hover: $plyr-video-control-bg-hover,
+ --plyr-audio-controls-bg: $plyr-audio-controls-bg,
+ --plyr-audio-control-color: $plyr-audio-control-color,
+ --plyr-audio-control-color-hover: $plyr-audio-control-color-hover,
+ --plyr-audio-control-bg-hover: $plyr-audio-control-bg-hover
+ )
+);