diff options
| author | Maximilian Hils <git@maximilianhils.com> | 2020-02-26 11:50:42 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-26 11:50:42 +0100 |
| commit | 89933ca7eae72418fd08d97711d2f11a59e1a398 (patch) | |
| tree | 194e7ff191e3b162f7526953c0d6aedc22866f98 /docs/src/assets/bulma/elements/progress.sass | |
| parent | ff759fa51b00c05c3873efaa8ae16abe3d078bfb (diff) | |
| parent | c6393f86d70ca33385cc8029e9e5029c5627d5c3 (diff) | |
| download | mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.tar.gz mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.tar.bz2 mitmproxy-89933ca7eae72418fd08d97711d2f11a59e1a398.zip | |
Merge pull request #3829 from meetmangukiya/rm-node-scss
Remove yarn/npm from docs
Diffstat (limited to 'docs/src/assets/bulma/elements/progress.sass')
| -rw-r--r-- | docs/src/assets/bulma/elements/progress.sass | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/docs/src/assets/bulma/elements/progress.sass b/docs/src/assets/bulma/elements/progress.sass new file mode 100644 index 00000000..bb43bb60 --- /dev/null +++ b/docs/src/assets/bulma/elements/progress.sass @@ -0,0 +1,67 @@ +$progress-bar-background-color: $border-light !default +$progress-value-background-color: $text !default +$progress-border-radius: $radius-rounded !default + +$progress-indeterminate-duration: 1.5s !default + +.progress + @extend %block + -moz-appearance: none + -webkit-appearance: none + border: none + border-radius: $progress-border-radius + 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 + &:indeterminate + background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%) + + &: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 + + // Sizes + &.is-small + height: $size-small + &.is-medium + height: $size-medium + &.is-large + height: $size-large + +@keyframes moveIndeterminate + from + background-position: 200% 0 + to + background-position: -200% 0 |