From b9b48847603353a144c24001dbf2016b6de90339 Mon Sep 17 00:00:00 2001
From: Frederic Junod <frederic.junod@camptocamp.com>
Date: Mon, 20 May 2019 16:12:12 +0200
Subject: [PATCH] Group common css values

---
 contribs/gmf/src/sass/input-range.scss | 37 +++++++++-----------------
 1 file changed, 12 insertions(+), 25 deletions(-)

diff --git a/contribs/gmf/src/sass/input-range.scss b/contribs/gmf/src/sass/input-range.scss
index 27c1555325f2..2e3c3d80c8a5 100644
--- a/contribs/gmf/src/sass/input-range.scss
+++ b/contribs/gmf/src/sass/input-range.scss
@@ -34,7 +34,9 @@ input[type=range]::-webkit-slider-runnable-track {
   border-radius: $gmf-input-range-track-border-radius;
   border: $gmf-input-range-track-border;
 }
-input[type=range]::-webkit-slider-thumb {
+input[type=range]::-webkit-slider-thumb,
+input[type=range]::-moz-range-thumb,
+input[type=range]::-ms-thumb {
   box-shadow: $gmf-input-range-thumb-box-shadow;
   border: $gmf-input-range-thumb-border;
   height: $gmf-input-range-thumb-height;
@@ -42,9 +44,12 @@ input[type=range]::-webkit-slider-thumb {
   border-radius: $gmf-input-range-thumb-border-radius;
   background: $gmf-input-range-thumb-background;
   cursor: $gmf-input-range-cursor;
+}
+input[type=range]::-webkit-slider-thumb {
   -webkit-appearance: none;
   margin-top: -0.48rem;
 }
+
 input[type=range]::-moz-range-track {
   width: 100%;
   height: $gmf-input-range-track-height;
@@ -58,15 +63,6 @@ input[type=range]::-moz-range-progress {
   background: $brand-primary;
   height: $gmf-input-range-track-height;
 }
-input[type=range]::-moz-range-thumb {
-  box-shadow: $gmf-input-range-thumb-box-shadow;
-  border: $gmf-input-range-thumb-border;
-  height: $gmf-input-range-thumb-height;
-  width: $gmf-input-range-thumb-width;
-  border-radius: $gmf-input-range-thumb-border-radius;
-  background: $gmf-input-range-thumb-background;
-  cursor: $gmf-input-range-cursor;
-}
 input[type=range]::-ms-track {
   width: 100%;
   height: $gmf-input-range-track-height;
@@ -75,25 +71,16 @@ input[type=range]::-ms-track {
   border-color: transparent;
   color: transparent;
 }
-input[type=range]::-ms-fill-lower {
-  background: $brand-primary;
+
+input[type=range]::-ms-fill-lower,
+input[type=range]::-ms-fill-upper {
   border: $gmf-input-range-track-border;
   border-radius: 0.12rem;
   box-shadow: $gmf-input-range-track-box-shadow;
 }
+input[type=range]::-ms-fill-lower {
+  background: $brand-primary;
+}
 input[type=range]::-ms-fill-upper {
   background: $brand-secondary;
-  border: $gmf-input-range-track-border;
-  border-radius: 0.12rem;
-  box-shadow: $gmf-input-range-track-box-shadow;
-}
-input[type=range]::-ms-thumb {
-  box-shadow: $gmf-input-range-thumb-box-shadow;
-  border: $gmf-input-range-thumb-border;
-  height: $gmf-input-range-thumb-height;
-  width: $gmf-input-range-thumb-width;
-  border-radius: $gmf-input-range-thumb-border-radius;
-  background: $gmf-input-range-thumb-background;
-  cursor: $gmf-input-range-cursor;
-  height: $gmf-input-range-track-height;
 }