33 lines
512 B
SCSS
33 lines
512 B
SCSS
:host {
|
|
display: block;
|
|
}
|
|
|
|
.wrapper {
|
|
background-color: var(--iqser-btn-bg);
|
|
|
|
.indicator {
|
|
width: calc(100% / var(--total) * var(--count));
|
|
background-color: var(--iqser-loading-progress);
|
|
}
|
|
}
|
|
|
|
.wrapper,
|
|
.indicator {
|
|
height: 8px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.details {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
mat-icon {
|
|
width: 10px;
|
|
}
|
|
}
|
|
|
|
.active .indicator {
|
|
background-color: rgba(var(--iqser-primary-rgb), 0.7);
|
|
}
|