diff options
| author | Sam Potts <sam@potts.es> | 2020-03-30 10:45:57 +1100 |
|---|---|---|
| committer | Sam Potts <sam@potts.es> | 2020-03-30 10:45:57 +1100 |
| commit | da943b384ca334cad66fd261cb9a0f924716da9d (patch) | |
| tree | 5aaac37b474a2708c7910eb536b9d96d4c0dcff3 /src/sass/settings/controls.scss | |
| parent | 50a7c2fad6f0d9b03788fe57a855894eafcf5ef7 (diff) | |
| parent | ad63af5096e014785bd22eac24bc8030c0dc70d6 (diff) | |
| download | plyr-da943b384ca334cad66fd261cb9a0f924716da9d.tar.lz plyr-da943b384ca334cad66fd261cb9a0f924716da9d.tar.xz plyr-da943b384ca334cad66fd261cb9a0f924716da9d.zip | |
Merge branch 'develop' into css-variables
# Conflicts:
# demo/dist/demo.css
# demo/dist/demo.min.js.map
# demo/index.html
# dist/plyr.css
# dist/plyr.min.js.map
# dist/plyr.min.mjs.map
# dist/plyr.polyfilled.min.js.map
# dist/plyr.polyfilled.min.mjs.map
# gulpfile.js
# src/sass/base.scss
# src/sass/components/control.scss
# src/sass/settings/colors.scss
# src/sass/settings/controls.scss
Diffstat (limited to 'src/sass/settings/controls.scss')
| -rw-r--r-- | src/sass/settings/controls.scss | 29 |
1 files changed, 6 insertions, 23 deletions
diff --git a/src/sass/settings/controls.scss b/src/sass/settings/controls.scss index 0c88163d..a4009758 100644 --- a/src/sass/settings/controls.scss +++ b/src/sass/settings/controls.scss @@ -7,29 +7,12 @@ $plyr-control-spacing: 10px !default; $plyr-control-padding: ($plyr-control-spacing * 0.7) !default; $plyr-control-radius: 3px !default; -$plyr-video-controls-bg: #000 !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: #000 !default; -$plyr-video-control-bg-hover: var(--plyr-color-main) !default; +$plyr-video-control-color-hover: #fff !default; +$plyr-video-control-background-hover: $plyr-color-main !default; -$plyr-audio-controls-bg: #fff !default; -$plyr-audio-control-color: var(--plyr-color-fiord) !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-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 - ) -); +$plyr-audio-control-background-hover: $plyr-color-main !default; |