corrade-http-templates – Blame information for rev 61
?pathlinks?
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 61 | office | 1 | @keyframes progress-bar-stripes { |
| 2 | from { background-position: $progress-height 0; } |
||
| 3 | to { background-position: 0 0; } |
||
| 4 | } |
||
| 5 | |||
| 6 | .progress { |
||
| 7 | display: flex; |
||
| 8 | height: $progress-height; |
||
| 9 | overflow: hidden; // force rounded corners by cropping it |
||
| 10 | font-size: $progress-font-size; |
||
| 11 | background-color: $progress-bg; |
||
| 12 | @include border-radius($progress-border-radius); |
||
| 13 | @include box-shadow($progress-box-shadow); |
||
| 14 | } |
||
| 15 | |||
| 16 | .progress-bar { |
||
| 17 | display: flex; |
||
| 18 | flex-direction: column; |
||
| 19 | justify-content: center; |
||
| 20 | color: $progress-bar-color; |
||
| 21 | text-align: center; |
||
| 22 | white-space: nowrap; |
||
| 23 | background-color: $progress-bar-bg; |
||
| 24 | @include transition($progress-bar-transition); |
||
| 25 | } |
||
| 26 | |||
| 27 | .progress-bar-striped { |
||
| 28 | @include gradient-striped(); |
||
| 29 | background-size: $progress-height $progress-height; |
||
| 30 | } |
||
| 31 | |||
| 32 | .progress-bar-animated { |
||
| 33 | animation: progress-bar-stripes $progress-bar-animation-timing; |
||
| 34 | } |