From cd3fbdd762deff146bf450a5b837f4bad343225f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karl-Andre=CC=81=20Gagnon?= <contact@kagagnon.com>
Date: Wed, 4 Apr 2018 16:44:39 -0400
Subject: [PATCH] Fix #16, Make CSS variables work with SCSS variables

---
 src/Switch.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Switch.vue b/src/Switch.vue
index 8945083..f2e7eb1 100644
--- a/src/Switch.vue
+++ b/src/Switch.vue
@@ -124,7 +124,7 @@ export default {
 @import '~bulma/sass/utilities/derived-variables.sass';
 
 .switch {
-  --height: $size-normal;
+  --height: #{$size-normal};
 
   input {
     opacity: 0;
@@ -198,13 +198,13 @@ export default {
 
   // Sizes
   &.is-small {
-    --height: $size-small;
+    --height: #{$size-small};
   }
   &.is-medium {
-    --height: $size-medium;
+    --height: #{$size-medium};
   }
   &.is-large {
-    --height: $size-large;
+    --height: #{$size-large};
   }
 }
 </style>