@shopware-ag/meteor-component-library
Version:
The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).
27 lines (25 loc) • 770 B
CSS
.mt-progress-bar[data-v-48dc0716] {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: repeat(auto-fit, auto);
row-gap: var(--scale-size-8);
}
.mt-progress-bar__progress-label[data-v-48dc0716] {
color: var(--color-text-secondary);
justify-self: end;
}
.mt-progress-bar__track[data-v-48dc0716] {
border-radius: var(--border-radius-round);
height: var(--scale-size-8);
width: 100%;
background: var(--color-background-tertiary-default);
grid-column: 1 / 3;
}
.mt-progress-bar__fill[data-v-48dc0716] {
border-radius: var(--border-radius-round);
height: 100%;
background: var(--color-interaction-primary-default);
}
.mt-progress-bar__fill--with-error[data-v-48dc0716] {
background: var(--color-interaction-critical-default);
}