Simple Swipe Card v3.1.0
New Features ✨
- Per-Slide Pagination Icons: You can now give individual slides a custom icon instead of their pagination dot. Set
pagination_icon(any Material Design Icon, e.g.mdi:home) on a child card, or pick one in the editor's Cards section using the icon button next to each card's up/down arrows. Slides without an icon keep a normal dot, so you can freely mix dots and icons. Icon size, hover color, active size, and shadow are themable through new CSS variables.
--simple-swipe-card-pagination-icon-size: 18px; /* Size of an inactive slide's icon */
--simple-swipe-card-pagination-icon-active-size: 18px; /* Size of the active slide's icon (defaults to the inactive size) */
--simple-swipe-card-pagination-icon-hover-color: <inactive color>; /* Icon color on hover (defaults to no change) */
--simple-swipe-card-pagination-icon-shadow: none; /* Drop-shadow filter, e.g. drop-shadow(0 1px 2px rgba(0,0,0,0.4)) */Icons also reuse the existing pagination color, opacity, and spacing variables — including the per-slide --simple-swipe-card-pagination-dot-slideN-color — so they pick up the same theming a dot would.
Improvements 🛠️
- Enhanced Vertical Swipe Animation: With
swipe_direction: vertical, the next slide is now visible and follows your finger while you swipe — just like horizontal swiping — instead of staying hidden until you release.