diff options
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%); } |