mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-10 07:37:27 +02:00
Code Issues Releases Wiki Activity

remove comments, align-items, and unnecessary height

Browse Source
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
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;
} }