/* * Block-style paint: kadence/postgrid + is-style-bookflow * * 3D coverflow choreography synced with Splide autoplay. * Registered as block-style by the `palmetto` plugin; this file * paints it from the child theme (Layer 3) per the plugin/theme split. * * Each chain offset has a static transform + a 600ms animation that * morphs to the rest scale of the column ONE LEFT (Splide moves the * list leftward by one column per tick). Animation `forwards` makes * the end value persist so when `.is-active` flips and chain * re-matches, the new rule's static matches → no jiggle. * * Transforms target `.kt-blocks-post-grid-item` (the article element * = 2 levels above `.kadence-post-image`, 1 level below * `.splide__slide`). Why this level: * - `.splide__slide` itself is off-limits — Splide animates its * siblings via `.splide__list` translateX and our transform would * collide. * - The article element is where Kadence applies its own * `displayShadow` box-shadow (see * class-kadence-blocks-pro-postgrid-block.php @line 929), so any * shadow set via the block's Inspector scales naturally with the * coverflow transform. */ @keyframes pp-bookflow-c0-shrink { from { transform: scale(.6); } to { transform: scale(.5); } } @keyframes pp-bookflow-c1-shrink { from { transform: scale(.85) translateX(-15%); } to { transform: scale(.6); } } @keyframes pp-bookflow-c2-shrink { from { transform: scale(1); } to { transform: scale(.85) translateX(-15%); } } @keyframes pp-bookflow-c3-grow { from { transform: scale(.85) translateX(15%); } to { transform: scale(1); } } @keyframes pp-bookflow-c4-grow { from { transform: scale(.6); } to { transform: scale(.85) translateX(15%); } } @keyframes pp-bookflow-c5-grow { from { transform: scale(.5); } to { transform: scale(.6); } } .wp-block-kadence-postgrid.is-style-bookflow .kt-post-grid-layout-carousel-wrap { padding: 40px 0; } /* Kill the