diff options
| author | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-04-11 16:23:14 +1000 |
| commit | 502d5977d79148957828cbf313b7ef4c9f31973f (patch) | |
| tree | 71bbffcffc9745c5b672a122f3937519ba67c1c4 /src/sass/settings/controls.scss | |
| parent | 8f5b59c18cc7837bde9af55d24d12e1fd939043d (diff) | |
| download | plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.lz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.tar.xz plyr-502d5977d79148957828cbf313b7ef4c9f31973f.zip | |
Converted to 2 space indentation
Diffstat (limited to 'src/sass/settings/controls.scss')
| -rw-r--r-- | src/sass/settings/controls.scss | 38 |
1 files changed, 26 insertions, 12 deletions
diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss index a4009758..64882f4e 100644 --- a/src/sass/settings/controls.scss +++ b/src/sass/settings/controls.scss @@ -2,17 +2,31 @@ // Controls // ========================================================================== -$plyr-control-icon-size: 18px !default; -$plyr-control-spacing: 10px !default; -$plyr-control-padding: ($plyr-control-spacing * 0.7) !default; -$plyr-control-radius: 3px !default; +$plyr-control-icon-size: var(--plyr-control-icon-size, 18px) !default; +$plyr-control-spacing: var(--plyr-control-spacing, 10px) !default; +$plyr-control-padding: var(--plyr-control-padding, calc(#{$plyr-control-spacing} * 0.7)) !default; +$plyr-control-radius: var(--plyr-control-radius, 3px) !default; -$plyr-video-controls-background: linear-gradient(rgba(#000, 0), rgba(#000, 0.75)) !default; -$plyr-video-control-color: #fff !default; -$plyr-video-control-color-hover: #fff !default; -$plyr-video-control-background-hover: $plyr-color-main !default; +$plyr-control-toggle-checked-background: var( + --plyr-control-toggle-checked-background, + var(--plyr-color-main, $plyr-color-main) +) !default; -$plyr-audio-controls-background: #fff !default; -$plyr-audio-control-color: $plyr-color-gray-700 !default; -$plyr-audio-control-color-hover: #fff !default; -$plyr-audio-control-background-hover: $plyr-color-main !default; +$plyr-video-controls-background: var( + --plyr-video-controls-background, + linear-gradient(rgba(#000, 0), rgba(#000, 0.75)) +) !default; +$plyr-video-control-color: var(--plyr-video-control-color, #fff) !default; +$plyr-video-control-color-hover: var(--plyr-video-control-color-hover, #fff) !default; +$plyr-video-control-background-hover: var( + --plyr-video-control-background-hover, + var(--plyr-color-main, $plyr-color-main) +) !default; + +$plyr-audio-controls-background: var(--plyr-audio-controls-background, #fff) !default; +$plyr-audio-control-color: var(--plyr-audio-control-color, $plyr-color-gray-700) !default; +$plyr-audio-control-color-hover: var(--plyr-audio-control-color-hover, #fff) !default; +$plyr-audio-control-background-hover: var( + --plyr-audio-control-background-hover, + var(--plyr-color-main, $plyr-color-main) +) !default; |