@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/).
38 lines (35 loc) • 932 B
CSS
.mt-empty-state[data-v-cb543aff] {
display: flex;
flex-direction: column;
align-items: center;
max-width: 560px;
text-align: center;
}
/* @deprecated tag:v5 remove leftAligned class */
.mt-empty-state--left-aligned[data-v-cb543aff] {
align-items: flex-start;
max-width: none;
text-align: left;
}
.mt-empty-state__icon[data-v-cb543aff] {
width: var(--scale-size-48);
height: var(--scale-size-48);
display: grid;
place-items: center;
border-radius: var(--border-radius-xs);
background-color: var(--color-background-tertiary-default);
}
.mt-empty-state__headline[data-v-cb543aff] {
margin-top: var(--scale-size-24);
margin-bottom: 0;
}
.mt-empty-state__description[data-v-cb543aff] {
margin-top: var(--scale-size-8);
text-wrap: pretty;
}
.mt-empty-state__link[data-v-cb543aff] {
margin-top: var(--scale-size-8);
}
.mt-empty-state__button[data-v-cb543aff] {
margin-top: var(--scale-size-24);
}