Cards adapt automatically — `_cards.scss` rotates the card header
inside any `.pa-splitter__pane--minimized` without needing the
attribute. No markup change needed for the card snippets above.
CSS CUSTOMIZATION
--pa-splitter-gutter-size gutter thickness (default: 6px)
--pa-splitter-rail-size rail width when a pane is minimized
(default: 40px / $splitter-rail-size).
JS picks this up via getComputedStyle, so
setting it on `:root` or per-instance via
inline style overrides the rail width
without also setting the data-attr.
gap space between panes and gutter
(native flexbox property)
MODIFIER CLASSES
pa-splitter--minimize-mirror flip the minimized title 180°
(transform: scale(-1,-1) on the heading
inside any `[data-pa-splitter-rail-title]`
or `.pa-card__header`)
pa-splitter--accordion (auto, JS-managed) added when the
container is narrower than the sum of
all pane mins + gutters/gaps/padding
AND there are 2+ minimizable panes.
While active, restoring one pane
auto-rails the others.
JAVASCRIPT API (window.pureAdmin.components.splitter)
pureAdmin.components.splitter.init(el) initialize a single element (idempotent)
pureAdmin.components.splitter.initAll(root?) initialize all uninitialized splitters
under root (default: document)
================================ -->