From 9534db823d6231254d5560d97ad3fc0341e24aae Mon Sep 17 00:00:00 2001 From: khrizpv Date: Fri, 31 Jul 2015 10:59:03 -0300 Subject: [PATCH] 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! :) --- src/sass/plyr.scss | 27 ++++++++++----------------- 1 file 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;