added buttons and bundled file

src/sass/selector.sass

@@ -11,6 +11,8 @@
     opacity: 0
     width: 0
     height: 0
+@import variables
+
 /* The slider */
 .slider 
     position: absolute
@@ -19,7 +21,7 @@
     left: 0
     right: 0
     bottom: 0
-    background-color: #ccc
+    background-color: $neutral_gray_light
     -webkit-transition: .4s
     transition: .4s
 .slider:before 
@@ -51,7 +53,7 @@ input:checked + .slider:before
     border-radius: 5px
     width: 100%
     height: 25px
-    background: #d8d8d8
+    background: $neutral_gray_light
     outline: none
     opacity: 0.7
     -webkit-transition: .2s
@@ -63,19 +65,19 @@ input:checked + .slider:before
     appearance: none
     width: 25px
     height: 25px
-    background: #5b6568
+    background: $neutral_gray_dark
     cursor: pointer
 .range-slider::-moz-range-thumb 
     width: 25px
     height: 25px
-    background: #5b6568
+    background: $neutral_gray_dark
     cursor: pointer
 .range-slider-rounded
     -webkit-appearance: none
     border-radius: 5px
     width: 100%
     height: 15px
-    background: #d8d8d8
+    background: $neutral_gray_light
     outline: none
     opacity: 0.7
     -webkit-transition: .2s
@@ -88,10 +90,10 @@ input:checked + .slider:before
     border-radius: 50%
     width: 25px
     height: 25px
-    background: #5b6568
+    background: $neutral_gray_dark
     cursor: pointer
 .range-slider-rounded::-moz-range-thumb 
     width: 25px
     height: 25px
-    background: #ecf0f1
+    background: $neutral_gray_light
     cursor: pointer