From: Steve Hull <p.witty@gmail.com>
Date: Wed, 4 Mar 2015 05:27:29 +0000 (-0800)
Subject: Inside of range slider should be rounded if outside is rounded
X-Git-Tag: v5.5.2~54^2
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=refs%2Fpull%2F6359%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Inside of range slider should be rounded if outside is rounded
---

diff --git a/scss/foundation/components/_range-slider.scss b/scss/foundation/components/_range-slider.scss
index 6e201f2d4..45f9c7b5b 100644
--- a/scss/foundation/components/_range-slider.scss
+++ b/scss/foundation/components/_range-slider.scss
@@ -140,6 +140,9 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
           position: absolute;
         }
         .range-slider-active-segment {
+          border-bottom-left-radius: inherit;
+          border-bottom-right-radius: inherit;
+          border-top-left-radius: initial;
           bottom: 0;
           height: auto;
           width: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
@@ -160,6 +163,8 @@ $range-slider-disabled-cursor: $cursor-disabled-value !default;
     }
     .range-slider-active-segment {
       background: $range-slider-active-segment-bg-color;
+      border-bottom-left-radius: inherit;
+      border-top-left-radius: inherit;
       display: inline-block;
       height: $range-slider-bar-height - rem-calc((strip-unit($range-slider-bar-border-width) * 2));
       position: absolute;