packages/grid/src/shared/layout-shift-animation.module.css - trunk - githubmirror/gutenberg

packages/grid/src/shared/layout-shift-animation.module.css

16 строк484 B

Mikael Korpela

Grid: animate tile removals (#78542)

25 май 2026, 10:30

25 май 2026, 10:30bd85865

/*
 * Sibling tile reflow during drag/resize/remove in edit mode. Transition
 * lives on tiles so the browser can interpolate `transform` reliably
 * (inline `transition` + FLIP in the same frame is skipped).
 */
.layout-animating :global([data-wp-grid-item-key]) {
	transition:
		transform var(--wpds-motion-duration-md)
		var(--wpds-motion-easing-balanced);
}

@media (prefers-reduced-motion: reduce) {
	.layout-animating :global([data-wp-grid-item-key]) {
		transition: none;
	}
}