From: Fernanda Leite <contato@nandaleite.com>
Date: Fri, 7 Dec 2018 21:07:49 +0000 (-0300)
Subject: Fix Indeterminate Progress Bar animation in Firefox. Fixes #2258
X-Git-Tag: 0.7.5~19
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=247cb6e66264dc715c6a0370c2e90a119be035e4;p=thirdparty%2Fbulma.git

Fix Indeterminate Progress Bar animation in Firefox. Fixes #2258
---

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