summaryrefslogtreecommitdiff
path: root/public/css/_sass/elements/progress.sass
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-07-11 11:09:49 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-07-11 11:09:49 -0400
commite43e4e1e3257939bbbc4b004e94497503c8ef481 (patch)
tree467825ed78ae6a6476b61f7d76be1361e1fd935a /public/css/_sass/elements/progress.sass
parentd2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff)
parent66e98b7125c87706782b8247b8e0329473dbeb5a (diff)
downloadcobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.tar.xz
cobalt-site-e43e4e1e3257939bbbc4b004e94497503c8ef481.zip
merged
Diffstat (limited to 'public/css/_sass/elements/progress.sass')
-rw-r--r--public/css/_sass/elements/progress.sass67
1 files changed, 0 insertions, 67 deletions
diff --git a/public/css/_sass/elements/progress.sass b/public/css/_sass/elements/progress.sass
deleted file mode 100644
index bb43bb6..0000000
--- a/public/css/_sass/elements/progress.sass
+++ /dev/null
@@ -1,67 +0,0 @@
-$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