@enact/sandstone
Version:
Large-screen/TV support library for Enact, containing a variety of UI components.
23 lines (22 loc) • 469 B
CSS
.wrapper {
--selected-item-offset: 0;
display: flex;
flex-direction: row;
min-width: fit-content;
padding-top: 1.25rem;
}
.centered {
justify-content: center;
}
.selected {
transition: transform 360ms;
transform: translate(var(--selected-item-offset), -1rem);
will-change: transform;
z-index: 1;
}
.rearranged {
transition: transform 360ms;
}
.rearrangedTransform {
transform: translateX(calc(-1 * var(--move-direction) * var(--item-width)));
}