diff options
author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 11:09:49 -0400 |
commit | e43e4e1e3257939bbbc4b004e94497503c8ef481 (patch) | |
tree | 467825ed78ae6a6476b61f7d76be1361e1fd935a /public/css/_sass/elements/progress.sass | |
parent | d2f203e54ed8eac2aac9712691a5b4892cdf5ffc (diff) | |
parent | 66e98b7125c87706782b8247b8e0329473dbeb5a (diff) | |
download | cobalt-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.sass | 67 |
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 |