fix(FEC-9351): cast button is not visible (#411)

`--` directive in Sass doesn't evaluate the variable unless it is explicitly set with hash
kaltura · Sep 22, 2019 · 708a9f2 · 708a9f2
1 parent 0bf9a2e
commit 708a9f2
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/cast/_cast.scss b/src/components/cast/_cast.scss
@@ -1,3 +1,5 @@
+@import '~styles/variables';
+
 .player {
   .cast-button {
     display: block;
@@ -7,11 +9,11 @@
     border: none;
     cursor: pointer;
     --connected-color: rgba(1, 172, 205, 0.8);
-    --disconnected-color: $grayscale4;
+    --disconnected-color: #{$grayscale4};
   }
 
   .cast-button:hover {
-    --disconnected-color: $white;
-    --connected-color: $brand-color;
+    --disconnected-color: #{$white};
+    --connected-color: #{$brand-color};
   }
 }