aboutsummaryrefslogtreecommitdiff
path: root/themes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss
diff options
context:
space:
mode:
Diffstat (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss')
-rwxr-xr-xthemes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss43
1 files changed, 43 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss
new file mode 100755
index 0000000..ab9ea0f
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/_progress.scss
@@ -0,0 +1,43 @@
+// Disable animation if transitions are disabled
+@if $enable-transitions {
+ @keyframes progress-bar-stripes {
+ from { background-position: $progress-height 0; }
+ to { background-position: 0 0; }
+ }
+}
+
+.progress {
+ display: flex;
+ height: $progress-height;
+ overflow: hidden; // force rounded corners by cropping it
+ @include font-size($progress-font-size);
+ background-color: $progress-bg;
+ @include border-radius($progress-border-radius);
+ @include box-shadow($progress-box-shadow);
+}
+
+.progress-bar {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ color: $progress-bar-color;
+ text-align: center;
+ white-space: nowrap;
+ background-color: $progress-bar-bg;
+ @include transition($progress-bar-transition);
+}
+
+.progress-bar-striped {
+ @include gradient-striped();
+ background-size: $progress-height $progress-height;
+}
+
+@if $enable-transitions {
+ .progress-bar-animated {
+ animation: progress-bar-stripes $progress-bar-animation-timing;
+
+ @media (prefers-reduced-motion: reduce) {
+ animation: none;
+ }
+ }
+}