diff options
| author | Sam Potts <sam@potts.es> | 2018-05-26 13:37:10 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2018-05-26 13:37:10 +1000 |
| commit | 3e0a91141822758094b2cbd5f0ecdd8ce4142b5f (patch) | |
| tree | 23b4df61f71c8e3a881bd0411025c7111b5232a9 /src/sass/settings/controls.scss | |
| parent | edd67b0da36ac57e98d70223d6f4eacd4548e096 (diff) | |
| download | plyr-3e0a91141822758094b2cbd5f0ecdd8ce4142b5f.tar.lz plyr-3e0a91141822758094b2cbd5f0ecdd8ce4142b5f.tar.xz plyr-3e0a91141822758094b2cbd5f0ecdd8ce4142b5f.zip | |
WIP
Diffstat (limited to 'src/sass/settings/controls.scss')
| -rw-r--r-- | src/sass/settings/controls.scss | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss index 64f05cec..77387567 100644 --- a/src/sass/settings/controls.scss +++ b/src/sass/settings/controls.scss @@ -11,9 +11,27 @@ $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-icon-size-large: $plyr-control-icon-size-large, + --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 + ) +); |