diff options
| author | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-04-24 00:32:16 +1000 |
| commit | 3b521f73bd773dcb530746db47c90dbb1349b70b (patch) | |
| tree | 371bb120c654d55d0016792b9412fc122735c1b8 /src/sass/settings/controls.scss | |
| parent | 27126b20bc5d2a3a8947c363d1f1887533f69688 (diff) | |
| parent | 68137aa789b195b26d4306eaebc7fee2f8eb3374 (diff) | |
| download | plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.lz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.tar.xz plyr-3b521f73bd773dcb530746db47c90dbb1349b70b.zip | |
Merge branch 'develop' of github.com:sampotts/plyr into develop
# Conflicts:
# package.json
# yarn.lock
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 da9f4e58..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-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-control-toggle-checked-background: var( + --plyr-control-toggle-checked-background, + var(--plyr-color-main, $plyr-color-main) +) !default; -$plyr-audio-controls-bg: #fff !default; -$plyr-audio-control-color: $plyr-color-gray-7 !default; -$plyr-audio-control-color-hover: #fff !default; -$plyr-audio-control-bg-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; |