Grid - CSS class

Can also be applied as as standalone CSS class. In this instance there is no corresponding custom property for the gridSpace Svelte component prop. --grid-column-space--component --grid-row-space--component will need to be defined independently.

Default

<div class="grid">
	<span class="item">Item</span>
	<span class="item">Item</span>
	...
</div>

Item Item Item Item Item Item Item

With CSS custom properties appiled

<div
	class="grid"
	style="--grid-min-width--component: var(--measure); --grid-column-space--component: var(--s4); --grid-row-space--component: var(--s2);"
>
	<span class="item">Item</span>
	<span class="item">Item</span>
	...
</div>

Item Item Item Item Item Item Item