mirror of
https://github.com/warmbly/warmbly.git
synced 2026-09-11 16:08:09 +00:00
Matthew Meszaros
658352b694
Cards stay edge-to-edge. Only the price-number swap changes. - Price markup adds the .plan-price > .plan-price-inner wrapper pair /pricing uses, with overflow-hidden on the parent so the new digit can rise from below the cropped box. - Toggle JS replaces the motion.dev opacity fade on .price-amount with the same two-phase translateY swap /pricing runs on .plan-price: phase 1 lifts and fades the old value to translateY(-100%), phase 2 drops the new value in from translateY(100%) with a cubic-bezier(0.34,1.56,0.64,1) overshoot. - Cadence line keeps its existing class but now does a soft 180ms opacity-out, text-swap, opacity-in instead of a hard snap, so it reads in sync with the price. - Thumb still animates with motion.dev animate(); the switcher behavior is unchanged.