53 lines
1.3 KiB
CSS
53 lines
1.3 KiB
CSS
.shiki-magic-move-container {
|
|
position: relative;
|
|
white-space: pre;
|
|
}
|
|
|
|
.shiki-magic-move-line-number {
|
|
opacity: 0.3;
|
|
user-select: none;
|
|
}
|
|
|
|
.shiki-magic-move-item {
|
|
display: inline-block;
|
|
transition: color var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
|
|
}
|
|
|
|
.shiki-magic-move-move {
|
|
transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
|
|
}
|
|
|
|
.shiki-magic-move-enter-active,
|
|
.shiki-magic-move-leave-active {
|
|
transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
|
|
}
|
|
|
|
.shiki-magic-move-container-resize,
|
|
.shiki-magic-move-container-restyle {
|
|
transition: all var(--smm-duration, 0.5s) var(--smm-easing, 'ease');
|
|
transition-delay: calc(var(--smm-duration, 0.5s) * var(--smm-delay-container, 1));
|
|
}
|
|
|
|
.shiki-magic-move-move {
|
|
transition-delay: calc(calc(var(--smm-duration, 0.5s) * var(--smm-delay-move, 1)) + var(--smm-stagger, 0));
|
|
z-index: 1;
|
|
}
|
|
|
|
.shiki-magic-move-enter-active {
|
|
transition-delay: calc(calc(var(--smm-duration, 0.5s) * var(--smm-delay-enter, 1)) + var(--smm-stagger, 0));
|
|
z-index: 1;
|
|
}
|
|
|
|
.shiki-magic-move-leave-active {
|
|
transition-delay: calc(calc(var(--smm-duration, 0.5s) * var(--smm-delay-leave, 1)) + var(--smm-stagger, 0));
|
|
}
|
|
|
|
.shiki-magic-move-enter-from,
|
|
.shiki-magic-move-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
br.shiki-magic-move-leave-active {
|
|
display: none;
|
|
}
|