105 lines
2.1 KiB
SCSS
105 lines
2.1 KiB
SCSS
// 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;
|
|
text-align: right;
|
|
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;
|
|
}
|
|
}
|