root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

remove comments, align-items, and unnecessary height

This commit is contained in:
Dave Poole 2017-05-26 12:47:09 -07:00 committed by Mark Otto
parent 1ab4f57af4
commit 36a21f355c
1 changed files with 0 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_progress.scss
View File

@ -1,13 +1,10 @@
// Progress animations
@keyframes progress-bar-stripes { @keyframes progress-bar-stripes {
from { background-position: $progress-height 0; } from { background-position: $progress-height 0; }
to { background-position: 0 0; } to { background-position: 0 0; }
} }
// Basic progress bar
.progress { .progress {
display: flex; display: flex;
align-items: center;
height: $progress-height; height: $progress-height;
overflow: hidden; // force rounded corners by cropping it overflow: hidden; // force rounded corners by cropping it
font-size: $progress-font-size; font-size: $progress-font-size;
@ -20,18 +17,15 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100%;
color: $progress-bar-color; color: $progress-bar-color;
background-color: $progress-bar-bg; background-color: $progress-bar-bg;
} }
// Striped
.progress-bar-striped { .progress-bar-striped {
@include gradient-striped(); @include gradient-striped();
background-size: $progress-height $progress-height; background-size: $progress-height $progress-height;
} }
// Animated
.progress-bar-animated { .progress-bar-animated {
animation: progress-bar-stripes $progress-bar-animation-timing; animation: progress-bar-stripes $progress-bar-animation-timing;
} }