accounts-frontend/packages/app/components/ui/motion/slide-motion.scss

17 lines
369 B
SCSS

.container {
white-space: nowrap;
transform: translate(var(--transition-progress));
html[dir='ltr'] & {
// noinspection CssInvalidFunction works fine in a browser (:
transform: translate(calc(var(--transition-progress) * -1));
}
}
.item {
display: inline-block;
white-space: normal;
vertical-align: top;
width: 100%;
}