From 247cb6e66264dc715c6a0370c2e90a119be035e4 Mon Sep 17 00:00:00 2001
From: Fernanda Leite <contato@nandaleite.com>
Date: Fri, 7 Dec 2018 18:07:49 -0300
Subject: [PATCH] Fix Indeterminate Progress Bar animation in Firefox. Fixes
 #2258

---
 sass/elements/progress.sass | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass
index 89612f6c2..08e2bcc99 100644
--- a/sass/elements/progress.sass
+++ b/sass/elements/progress.sass
@@ -24,6 +24,19 @@ $progress-indeterminate-duration: 1.5s !default
   &::-ms-fill
     background-color: $progress-value-background-color
     border: none
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    &.is-#{$name}
+      &::-webkit-progress-value
+        background-color: $color
+      &::-moz-progress-bar
+        background-color: $color
+      &::-ms-fill
+        background-color: $color
+      &:indeterminate
+        background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
+
   &:indeterminate
     animation-duration: $progress-indeterminate-duration
     animation-iteration-count: infinite
@@ -38,18 +51,6 @@ $progress-indeterminate-duration: 1.5s !default
       background-color: transparent
     &::-moz-progress-bar
       background-color: transparent
-  // Colors
-  @each $name, $pair in $colors
-    $color: nth($pair, 1)
-    &.is-#{$name}
-      &::-webkit-progress-value
-        background-color: $color
-      &::-moz-progress-bar
-        background-color: $color
-      &::-ms-fill
-        background-color: $color
-      &:indeterminate
-        background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%)
 
   // Sizes
   &.is-small
-- 
2.47.2