Update plyr.scss - Make it work V2!

Hi, thanks for accepting my previous pull request. I made this request because the variables control-color and control-color-hover weren't being set inside the mixin so i took them out and it's working now again. I hope you can merge this as it isnt completly working yet and sorry for the delay. Thanks again! :)

1 files changed, 10 insertions, 17 deletions

diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss
index bff8cd2e..48acfbd7 100644
--- a/src/sass/plyr.scss
+++ b/src/sass/plyr.scss
@@ -23,28 +23,21 @@ $font-size-large:           ceil(($font-size-base * 1.5)) !default;
 $control-spacing:           10px !default;
 $controls-bg:               #fff !default;
 $control-bg-hover:          $blue !default; !default
+$control-color:             null !default;
+$control-color-hover:       null !default;
 
 // Contrast
-@mixin contrast-control-color($color: "") {
-  $control-color: null !global;
-  @if lightness($color) >= 65% {
-    $control-color: $gray-light;
-  } @else if(lightness($color) < 65%) {
-    $control-color: $gray-lighter;
-  }
+@if lightness($controls-bg) >= 65% {
+  $control-color: $gray-light;
+} @else {
+  $control-color: $gray-lighter;
 }
-@mixin contrast-control-color-hover($color: "") {
-  $control-color-hover: null !global;
-  @if lightness($color) >= 65% {
-    $control-color-hover: $gray;
-  } @else if lightness($color) < 65% {
-    $control-color-hover: #fff;
-  }
+@if lightness($control-bg-hover) >= 65% {
+  $control-color-hover: $gray;
+} @else {
+  $control-color-hover: #fff;
 }
 
-@include contrast-control-color($controls-bg);
-@include contrast-control-color-hover($control-bg-hover);
-
 // Tooltips
 $tooltip-bg:                $controls-bg !default;
 $tooltip-color:             $control-color !default;