Stack & cluster

Extra invisible structure. .stack is a vertical flex column (alumna-css .section is a wrapping row). .cluster is an inline wrapping group that does not collapse to full width at 40rem the way col-* columns do. Gap via --stack-gap and --cluster-gap. There is no wrapper.

Preview

Code

<div class="stack">
	<div>One</div>
	<div>Two</div>
	<div>Three</div>
</div>

<div class="cluster">
	<span>Save</span>
	<span>Cancel</span>
</div>