AdminLTE/build/scss/_progress-bars.scss

67 lines
871 B
SCSS
Raw Normal View History

//
// Component: Progress Bar
//
2015-10-31 21:00:16 +00:00
//General CSS
2016-10-22 19:32:28 +00:00
.progress {
2015-10-31 21:00:16 +00:00
@include box-shadow(none);
2016-10-22 19:32:28 +00:00
@include border-radius($progress-bar-border-radius);
// Vertical bars
&.vertical {
display: inline-block;
height: 200px;
margin-right: 10px;
position: relative;
width: 30px;
> .progress-bar {
bottom: 0;
position: absolute;
width: 100%;
}
//Sizes
&.sm,
&.progress-sm {
width: 20px;
}
&.xs,
&.progress-xs {
width: 10px;
}
&.xxs,
&.progress-xxs {
width: 3px;
}
}
2015-10-31 21:00:16 +00:00
}
2018-03-17 17:07:55 +00:00
.progress-group {
margin-bottom: map-get($spacers, 2);
2018-03-17 17:07:55 +00:00
}
2016-10-22 19:32:28 +00:00
// size variation
2015-10-31 21:00:16 +00:00
.progress-sm {
height: 10px;
}
.progress-xs {
height: 7px;
}
.progress-xxs {
height: 3px;
}
2016-10-22 19:32:28 +00:00
// Remove margins from progress bars when put in a table
2015-10-31 21:00:16 +00:00
.table {
tr > td {
.progress {
margin: 0;
}
2015-10-31 21:00:16 +00:00
}
}