| 1 | @mixin progress-bar-size(
|
| 2 | $underlay-size,
|
| 3 | $overlay-size,
|
| 4 | $font-size,
|
| 5 | $corner
|
| 6 | ) {
|
| 7 | #{$progress-prefix}-line-underlay {
|
| 8 | border-radius: $corner;
|
| 9 | height: $underlay-size;
|
| 10 | }
|
| 11 | #{$progress-prefix}-line-overlay {
|
| 12 | height: $overlay-size;
|
| 13 | border-radius: $corner;
|
| 14 | top: 50%;
|
| 15 | margin-top: calc(0px - #{$overlay-size} / 2);
|
| 16 | }
|
| 17 | #{$progress-prefix}-line-text {
|
| 18 | font-size: $font-size;
|
| 19 | line-height: $underlay-size;
|
| 20 | }
|
| 21 | }
|
| 22 |
|
| 23 | @mixin progress-circle-size(
|
| 24 | $size,
|
| 25 | $font-size
|
| 26 | ) {
|
| 27 | width: $size;
|
| 28 | height: $size;
|
| 29 | font-size: $font-size;
|
| 30 | }
|