diff --git a/sass/elements/progress.sass b/sass/elements/progress.sass index 89612f6c..08e2bcc9 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