aboutsummaryrefslogtreecommitdiffstats
path: root/src/sass/base/bulma/elements/progress.sass
diff options
context:
space:
mode:
authorJesús <heckyel@hyperbola.info>2019-03-18 12:06:27 -0500
committerJesús <heckyel@hyperbola.info>2019-03-18 12:06:27 -0500
commit27abbb7939a8d964312b2b526b5208296d037585 (patch)
tree45a583a6c1b0b05b1bf8ac8156cfa2f5f321e58c /src/sass/base/bulma/elements/progress.sass
parent880cd188f9ab5d30be489cc3cd9dffdeb493f713 (diff)
downloadcl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.lz
cl-theme-27abbb7939a8d964312b2b526b5208296d037585.tar.xz
cl-theme-27abbb7939a8d964312b2b526b5208296d037585.zip
updated bulma to v0.7.4
Diffstat (limited to 'src/sass/base/bulma/elements/progress.sass')
-rw-r--r--src/sass/base/bulma/elements/progress.sass25
1 files changed, 25 insertions, 0 deletions
diff --git a/src/sass/base/bulma/elements/progress.sass b/src/sass/base/bulma/elements/progress.sass
index 5051406..b263eeb 100644
--- a/src/sass/base/bulma/elements/progress.sass
+++ b/src/sass/base/bulma/elements/progress.sass
@@ -1,6 +1,8 @@
$progress-bar-background-color: $border !default
$progress-value-background-color: $text !default
+$progress-indeterminate-duration: 1.5s !default
+
.progress
@extend %block
-moz-appearance: none
@@ -21,6 +23,20 @@ $progress-value-background-color: $text !default
&::-ms-fill
background-color: $progress-value-background-color
border: none
+ &:indeterminate
+ animation-duration: $progress-indeterminate-duration
+ animation-iteration-count: infinite
+ animation-name: moveIndeterminate
+ animation-timing-function: linear
+ background-color: $progress-bar-background-color
+ background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%)
+ background-position: top left
+ background-repeat: no-repeat
+ background-size: 150% 150%
+ &::-webkit-progress-bar
+ background-color: transparent
+ &::-moz-progress-bar
+ background-color: transparent
// Colors
@each $name, $pair in $colors
$color: nth($pair, 1)
@@ -31,6 +47,9 @@ $progress-value-background-color: $text !default
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
height: $size-small
@@ -38,3 +57,9 @@ $progress-value-background-color: $text !default
height: $size-medium
&.is-large
height: $size-large
+
+@keyframes moveIndeterminate
+ from
+ background-position: 200% 0
+ to
+ background-position: -200% 0