@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/).
34 lines (32 loc) • 850 B
CSS
.mt-data-table-text-renderer-cell[data-v-745a4686] {
display: flex;
align-items: center;
}
.mt-data-table-preview-image-renderer[data-v-745a4686] {
position: relative;
width: 34px;
height: var(--scale-size-24);
border: 1px solid var(--color-border-secondary-default);
border-radius: var(--border-radius-xs);
margin-right: 15px;
flex-shrink: 0;
}
.mt-data-table-preview-image-renderer-item[data-v-745a4686] {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: calc(100% - 5px);
max-height: calc(100% - 5px);
}
a.mt-data-table-text-renderer {
&[data-v-745a4686] {
font-weight: var(--font-weight-medium);
text-decoration: none;
color: var(--color-text-primary-default);
}
&[data-v-745a4686]:hover {
text-decoration: underline;
color: var(--color-text-brand-default);
}
}