pagetop/extensions/pagetop-bootsier/assets/adminlte-4.0.0/scss/_progress-bars.scss
Manuel Cillero 1bd97d5705 (bootsier): Añade AdminLTE 4 y Bootstrap Icons
Integra AdminLTE 4.0.0 (SCSS y JS), Bootstrap Icons 1.13.1 y las fuentes
Source Sans 3 VF; reorganiza los SCSS del tema con la nueva estructura
de *pagetop-build*.
2026-06-14 21:25:52 +02:00

66 lines
875 B
SCSS

//
// Component: Progress Bar
//
//General CSS
.progress {
@include box-shadow(null);
@include border-radius($lte-progress-bar-border-radius);
// Vertical bars
&.vertical {
position: relative;
display: inline-block;
width: 30px;
height: 200px;
margin-right: 10px;
> .progress-bar {
position: absolute;
bottom: 0;
width: 100%;
}
//Sizes
&.sm,
&.progress-sm {
width: 20px;
}
&.xs,
&.progress-xs {
width: 10px;
}
&.xxs,
&.progress-xxs {
width: 3px;
}
}
}
.progress-group {
margin-bottom: map-get($spacers, 2);
}
// size variation
.progress-sm {
height: 10px;
}
.progress-xs {
height: 7px;
}
.progress-xxs {
height: 3px;
}
// Remove margins from progress bars when put in a table
.table {
tr > td {
.progress {
margin: 0;
}
}
}