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/lib | |
| 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/lib')
| -rw-r--r-- | src/sass/lib/css-vars.scss | 2 | ||||
| -rw-r--r-- | src/sass/lib/mixins.scss | 7 |
2 files changed, 5 insertions, 4 deletions
diff --git a/src/sass/lib/css-vars.scss b/src/sass/lib/css-vars.scss index 074c27c1..493df3a8 100644 --- a/src/sass/lib/css-vars.scss +++ b/src/sass/lib/css-vars.scss @@ -27,7 +27,7 @@ $css-vars-use-native: false !default; // // E.G.: // color: var(--main-color); -// background: var(--main-bg, green); +// background: var(--main-background, green); /// @function var($args...) { // CHECK PARAMS diff --git a/src/sass/lib/mixins.scss b/src/sass/lib/mixins.scss index acd8af1e..2426ef68 100644 --- a/src/sass/lib/mixins.scss +++ b/src/sass/lib/mixins.scss @@ -37,7 +37,7 @@ } @mixin plyr-range-thumb() { - background: $plyr-range-thumb-bg; + background: $plyr-range-thumb-background; border: 0; border-radius: 100%; box-shadow: $plyr-range-thumb-shadow; @@ -47,7 +47,7 @@ width: $plyr-range-thumb-height; } -@mixin plyr-range-thumb-active($color: rgba($plyr-range-thumb-bg, 0.5)) { +@mixin plyr-range-thumb-active($color: rgba($plyr-range-thumb-background, 0.5)) { box-shadow: $plyr-range-thumb-shadow, 0 0 0 $plyr-range-thumb-active-shadow-width $color; } @@ -66,12 +66,13 @@ .plyr__video-wrapper { height: 100%; - width: 100%; + position: static; } // Vimeo requires some different styling &.plyr--vimeo .plyr__video-wrapper { height: 0; + position: relative; top: 50%; transform: translateY(-50%); } |