diff options
Diffstat (limited to 'pyblackbird_cc/static/scss/_progress.scss')
-rw-r--r-- | pyblackbird_cc/static/scss/_progress.scss | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/pyblackbird_cc/static/scss/_progress.scss b/pyblackbird_cc/static/scss/_progress.scss deleted file mode 100644 index 148c381..0000000 --- a/pyblackbird_cc/static/scss/_progress.scss +++ /dev/null @@ -1,68 +0,0 @@ -// Disable animation if transitions are disabled - -// scss-docs-start progress-keyframes -@if $enable-transitions { - @keyframes progress-bar-stripes { - 0% { background-position-x: $progress-height; } - } -} -// scss-docs-end progress-keyframes - -.progress, -.progress-stacked { - // scss-docs-start progress-css-vars - --#{$prefix}progress-height: #{$progress-height}; - @include rfs($progress-font-size, --#{$prefix}progress-font-size); - --#{$prefix}progress-bg: #{$progress-bg}; - --#{$prefix}progress-border-radius: #{$progress-border-radius}; - --#{$prefix}progress-box-shadow: #{$progress-box-shadow}; - --#{$prefix}progress-bar-color: #{$progress-bar-color}; - --#{$prefix}progress-bar-bg: #{$progress-bar-bg}; - --#{$prefix}progress-bar-transition: #{$progress-bar-transition}; - // scss-docs-end progress-css-vars - - display: flex; - height: var(--#{$prefix}progress-height); - overflow: hidden; // force rounded corners by cropping it - @include font-size(var(--#{$prefix}progress-font-size)); - background-color: var(--#{$prefix}progress-bg); - @include border-radius(var(--#{$prefix}progress-border-radius)); - @include box-shadow(var(--#{$prefix}progress-box-shadow)); -} - -.progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: var(--#{$prefix}progress-bar-color); - text-align: center; - white-space: nowrap; - background-color: var(--#{$prefix}progress-bar-bg); - @include transition(var(--#{$prefix}progress-bar-transition)); -} - -.progress-bar-striped { - @include gradient-striped(); - background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height); -} - -.progress-stacked > .progress { - overflow: visible; -} - -.progress-stacked > .progress > .progress-bar { - width: 100%; -} - -@if $enable-transitions { - .progress-bar-animated { - animation: $progress-bar-animation-timing progress-bar-stripes; - - @if $enable-reduced-motion { - @media (prefers-reduced-motion: reduce) { - animation: none; - } - } - } -} |