diff options
Diffstat (limited to 'src/sass/base/bulma/elements/progress.sass')
| -rw-r--r-- | src/sass/base/bulma/elements/progress.sass | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/sass/base/bulma/elements/progress.sass b/src/sass/base/bulma/elements/progress.sass new file mode 100644 index 0000000..5051406 --- /dev/null +++ b/src/sass/base/bulma/elements/progress.sass @@ -0,0 +1,40 @@ +$progress-bar-background-color: $border !default +$progress-value-background-color: $text !default + +.progress + @extend %block + -moz-appearance: none + -webkit-appearance: none + border: none + border-radius: $radius-rounded + display: block + height: $size-normal + overflow: hidden + padding: 0 + width: 100% + &::-webkit-progress-bar + background-color: $progress-bar-background-color + &::-webkit-progress-value + background-color: $progress-value-background-color + &::-moz-progress-bar + background-color: $progress-value-background-color + &::-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 + // Sizes + &.is-small + height: $size-small + &.is-medium + height: $size-medium + &.is-large + height: $size-large |