Center - CSS class

Can also be applied as as standalone CSS class.

Default

<div class="center">
	<span class="item">Item</span>
</div>

Item

With CSS custom properties appiled

<div
	class="center"
	style="--center-space--component: var(--s2); --center-measure--component: var(--measure-big);"
>
	<span class="item">Item</span>
</div>

Item

Intrinsically centered

With .intrinsically-center class apllied.

<div class="center intrinsically-center">
	<span class="item">Item</span>
	<span class="item">Item</span>
	<span class="item item--small">Small item</span>
	<span class="item">Item</span>
	<span class="item">Item</span>
</div>

Item Item Small item Item Item