// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. .progress-container{
position: relative; &.progress-sm { margin-top: 10px; .progress { .progress-value{ position: absolute; top: -3px; left: -27px; color: $white; font-size: $font-size-xs; } } } & + .progress-container, & ~ .progress-container{ margin-top: $margin-base-vertical; } .progress-badge{ color: $white; font-size: $font-size-sm; text-transform: uppercase; &.float-left{ margin-right: 20px; } } .progress { margin-bottom: 10px; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3); .progress-bar { border-radius:$border-radius-xl; box-shadow: none; background: $default; .progress-value{ position: absolute; top: 2px; right: 0; color: $white; font-size: $font-size-xs; } } &.progress-bar-sm{ height: 3px; } } &.progress-neutral{ .progress{ background: rgba(255, 255, 255, .3); } .progress-bar{ background: $white; } } &.progress-primary{ .progress-bar{ @include diagonal-gradient($primary-states, $primary); } } &.progress-info{ .progress-bar{ @include diagonal-gradient($info-states, $info); } } &.progress-success{ .progress-bar{ @include diagonal-gradient($success-states, $success); } } &.progress-warning{ .progress-bar{ @include diagonal-gradient($warning-states, $warning); } } &.progress-danger{ .progress-bar{ @include diagonal-gradient($danger-states, $danger); } }
}
.card-chart {
.progress-container+.progress-container, .progress-container~.progress-container { margin-top: 25px; }
}