@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) • 846 B
CSS
.mt-skeleton-bar {
&[data-v-c2625727] {
height: var(--scale-size-32);
width: 100%;
background-color: var(--color-background-tertiary-default);
overflow: hidden;
border-radius: var(--border-radius-xs);
}
&[data-v-c2625727]:not(:last-child) {
margin-bottom: var(--scale-size-32);
}
}
.mt-skeleton-bar__shimmer[data-v-c2625727] {
height: 100%;
background-image: linear-gradient(
89.17deg,
var(--color-background-tertiary-default) 0.8%,
var(--color-background-primary-default) 50.09%,
var(--color-background-tertiary-default) 96.31%
);
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 0;
animation: barShimmer-c2625727 1.8s infinite;
animation-timing-function: linear;
transform: translate(-100%);
}
@keyframes barShimmer-c2625727 {
to {
transform: translate(120%);
}
}