From c5c60729062cc3d89be7447b5d330367417aa6f7 Mon Sep 17 00:00:00 2001 From: Matt Rude Date: Sat, 3 Feb 2018 21:08:46 -0600 Subject: Update --- assets/node_modules/bootstrap/scss/_progress.scss | 33 +++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 assets/node_modules/bootstrap/scss/_progress.scss (limited to 'assets/node_modules/bootstrap/scss/_progress.scss') diff --git a/assets/node_modules/bootstrap/scss/_progress.scss b/assets/node_modules/bootstrap/scss/_progress.scss new file mode 100644 index 0000000..a581116 --- /dev/null +++ b/assets/node_modules/bootstrap/scss/_progress.scss @@ -0,0 +1,33 @@ +@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 + 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; + background-color: $progress-bar-bg; + @include transition($progress-bar-transition); +} + +.progress-bar-striped { + @include gradient-striped(); + background-size: $progress-height $progress-height; +} + +.progress-bar-animated { + animation: progress-bar-stripes $progress-bar-animation-timing; +} -- cgit v1.2.3-59-ga6da