summaryrefslogtreecommitdiff
path: root/addons/web/static/lib/bootstrap/scss/_progress.scss
diff options
context:
space:
mode:
Diffstat (limited to 'addons/web/static/lib/bootstrap/scss/_progress.scss')
-rw-r--r--addons/web/static/lib/bootstrap/scss/_progress.scss43
1 files changed, 43 insertions, 0 deletions
diff --git a/addons/web/static/lib/bootstrap/scss/_progress.scss b/addons/web/static/lib/bootstrap/scss/_progress.scss
new file mode 100644
index 00000000..ab9ea0ff
--- /dev/null
+++ b/addons/web/static/lib/bootstrap/scss/_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;
+ }
+ }
+}