// Progress // // //
// // Progress Bar //
.progress {
@include border-radius(.25rem); overflow: visible; .progress-bar { @include border-radius(.25rem); position: relative; span { @include transition(); position: absolute; right: 0; top: calc(100% + .5rem); font-size: 12px; font-weight: $font-weight-normal; line-height: 1rem; } }
}
.progress-title {
margin-bottom: 1em; font-size: $font-size-sm; font-weight: 600; letter-spacing: $letter-spacing; text-transform: uppercase;
}
%progress-text-white {
.progress { background: rgba($white, .1); } .progress-bar { background: $text-white-primary; span { color: $text-white-primary; } }
}
.progress-circle {
position: relative; canvas { height: 100%!important; width: 100%!important; } strong { @include translate(-50%, -50%); position: absolute; font-size: 2.5rem; font-family: $headings-font-family; font-weight: 400; top: 50%; left: 50%; }
}