Mercurial > nebulaweb3
comparison default/assets/scss/vendors/bootstrap/_progress.scss @ 0:1d038bc9b3d2 default tip
Up:default
author | Liny <dev@neowd.com> |
---|---|
date | Sat, 31 May 2025 09:21:51 +0800 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:1d038bc9b3d2 |
---|---|
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 overflow: hidden; // force rounded corners by cropping it | |
9 font-size: $progress-font-size; | |
10 line-height: $progress-height; | |
11 text-align: center; | |
12 background-color: $progress-bg; | |
13 @include border-radius($progress-border-radius); | |
14 @include box-shadow($progress-box-shadow); | |
15 } | |
16 | |
17 .progress-bar { | |
18 height: $progress-height; | |
19 line-height: $progress-height; | |
20 color: $progress-bar-color; | |
21 background-color: $progress-bar-bg; | |
22 @include transition($progress-bar-transition); | |
23 } | |
24 | |
25 .progress-bar-striped { | |
26 @include gradient-striped(); | |
27 background-size: $progress-height $progress-height; | |
28 } | |
29 | |
30 .progress-bar-animated { | |
31 animation: progress-bar-stripes $progress-bar-animation-timing; | |
32 } |