vuetify
Version:
Vue Material Component Framework
43 lines • 928 B
CSS
@layer vuetify-components {
.v-progress {
display: flex;
flex-direction: column;
gap: 8px;
}
.v-progress > .v-progress-circular {
align-self: center;
}
.v-progress:has(> .v-progress-circular) > .v-progress__details > *:only-child {
margin-inline: auto;
}
.v-progress__label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.v-progress__label + .v-progress__value {
margin-inline-start: auto;
}
.v-progress__details {
display: flex;
align-items: flex-end;
gap: 8px;
}
.v-progress__details--location-bottom {
align-items: flex-start;
order: 1;
}
.v-progress--absolute {
position: absolute;
inset: 0;
align-items: center;
justify-content: center;
}
.v-progress--absolute > .v-progress__details {
height: 0;
overflow: visible;
}
.v-progress--absolute > .v-progress__spacer {
height: 0;
}
}