library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-28 12:24:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix Indeterminate Progress Bar animation in Firefox. Fixes #2258

Browse Source
This commit is contained in:
Fernanda Leite 2018-12-07 18:07:49 -03:00 committed by Jeremy Thomas
parent 9d3c36e02c
commit 247cb6e662
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
sass/elements/progress.sass
View File

@ -24,6 +24,19 @@ $progress-indeterminate-duration: 1.5s !default
&::-ms-fill &::-ms-fill
background-color: $progress-value-background-color background-color: $progress-value-background-color
border: none 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 &:indeterminate
animation-duration: $progress-indeterminate-duration animation-duration: $progress-indeterminate-duration
animation-iteration-count: infinite animation-iteration-count: infinite
@ -38,18 +51,6 @@ $progress-indeterminate-duration: 1.5s !default
background-color: transparent background-color: transparent
&::-moz-progress-bar &::-moz-progress-bar
background-color: transparent 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 // Sizes
&.is-small &.is-small