From 03e634a358274ee04c49266d3bff2c2cbbafba64 Mon Sep 17 00:00:00 2001
From: Adam Bradley <adambradley25@gmail.com>
Date: Mon, 24 Nov 2014 19:46:27 -0600
Subject: [PATCH] feat(range): default css update

---
 scss/_range.scss     | 7 ++++---
 scss/_variables.scss | 9 +++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/scss/_range.scss b/scss/_range.scss
index 92f1520ea0..ebff266eb6 100644
--- a/scss/_range.scss
+++ b/scss/_range.scss
@@ -27,9 +27,10 @@ input[type="range"] {
     height: $range-slider-height;
     border-radius: $range-slider-border-radius;
     background-color: $toggle-handle-off-bg-color;
-    box-shadow: 0 0 2px rgba(0,0,0,.5), 1px 3px 5px rgba(0,0,0,0.25);
+    box-shadow: $range-slider-box-shadow;
     cursor: pointer;
     -webkit-appearance: none;
+    border: 0;
   }
 
   &::-webkit-slider-thumb:before {
@@ -46,8 +47,8 @@ input[type="range"] {
   &::-webkit-slider-thumb:after {
     /* create a larger (but hidden) hit area */
     position: absolute;
-    top: -20px;
-    left: -20px;
+    top: -15px;
+    left: -15px;
     padding: 30px;
     content: ' ';
     //background: red;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index fabcae512a..12ef604552 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -517,11 +517,12 @@ $checkbox-check-color:            #fff !default;
 // Range
 // -------------------------------
 
-$range-track-height:              4px !default;
-$range-slider-width:              20px !default;
-$range-slider-height:             20px !default;
-$range-slider-border-radius:      10px !default;
+$range-track-height:              2px !default;
+$range-slider-width:              28px !default;
+$range-slider-height:             28px !default;
+$range-slider-border-radius:      50% !default;
 $range-icon-size:                 24px !default;
+$range-slider-box-shadow:         0 0 2px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,0.2) !default;
 
 $range-light-track-bg:            $button-light-border !default;
 $range-stable-track-bg:           $button-stable-border !default;