62 lines
1.1 KiB
Plaintext
62 lines
1.1 KiB
Plaintext
/*
|
|
Compenent: Progress bars
|
|
--------------------------------
|
|
*/
|
|
|
|
/* size variation */
|
|
.progress.sm {
|
|
height: 10px;
|
|
}
|
|
.progress.xs {
|
|
height: 7px;
|
|
}
|
|
|
|
/* Vertical bars */
|
|
.progress.vertical {
|
|
position: relative;
|
|
width: 30px;
|
|
height: 200px;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
> .progress-bar {
|
|
width: 100%!important;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
//Sizes
|
|
&.sm {
|
|
width: 20px;
|
|
}
|
|
|
|
&.xs {
|
|
width: 10px;
|
|
}
|
|
}
|
|
/* Remove margins from progress bars when put in a table */
|
|
.table {
|
|
tr > td .progress {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
// Variations
|
|
// -------------------------
|
|
.progress-bar-light-blue, .progress-bar-primary {
|
|
.progress-bar-variant(@light-blue);
|
|
}
|
|
.progress-bar-green, .progress-bar-success {
|
|
.progress-bar-variant(@green);
|
|
}
|
|
|
|
.progress-bar-aqua, .progress-bar-info {
|
|
.progress-bar-variant(@aqua);
|
|
}
|
|
|
|
.progress-bar-yellow, .progress-bar-warning {
|
|
.progress-bar-variant(@yellow);
|
|
}
|
|
|
|
.progress-bar-red, .progress-bar-danger {
|
|
.progress-bar-variant(@red);
|
|
} |