From 07571265a3d82e60d4b108f1092f1a068df8e330 Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Sun, 4 Nov 2018 17:44:31 -0600
Subject: [PATCH] fix(range): use fully opaque base in color active bar
 (#16224)

This fixes a specificity issue where Material Design ranges with a color attribute wouldn't apply a fully opaque color to the active portion of the range bar.
---
 core/src/components/range/range.md.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/components/range/range.md.scss b/core/src/components/range/range.md.scss
index b03b61a15f..7a103ce3ee 100644
--- a/core/src/components/range/range.md.scss
+++ b/core/src/components/range/range.md.scss
@@ -21,6 +21,10 @@
   font-size: $range-md-pin-font-size;
 }
 
+:host(.ion-color) .range-bar {
+  background: current-color(base, 0.26);
+}
+
 :host(.ion-color) .range-bar-active,
 :host(.ion-color) .range-knob,
 :host(.ion-color) .range-pin,
@@ -30,10 +34,6 @@
   color: current-color(contrast);
 }
 
-:host(.ion-color) .range-bar {
-  background: current-color(base, 0.26);
-}
-
 // TODO: REVIEW
 // .range-md [slot="range-start"] {
 //   @include margin(0, 12px, 0, 0);