@import 'constants';
@import 'styling';

.progress {
    display: flex;
    overflow: hidden;
    background-color: $progess-bar-background-color;
    border-radius: $progress-border-radius-default;
    font-size: $progress-font-size-default;
    height: $progress-height-default;

    .progress-bar {
        @include progress-base;

        @if $include-color-palette {
            @include progress-colors;
        }
    }

    @each $size, $fontSize, $height in $progress-sizing-list {
        &.#{$size} {
            height: $height;
            font-size: $fontSize;
        }
    }

}