Cover - CSS class

Can also be applied as as standalone CSS class.

Default

<div class="cover">
	<span class="item">Item</span>
	<span class="item cover__centered">.cover__centered</span>
	<span class="item">Item</span>
</div>

Item .cover__centered Item

With CSS custom properties appiled

<div class="cover" style="--cover-space--component: var(--s2); --cover-height--component: 50vh;">
	<span class="item">Item</span>
	<span class="item cover__centered">.cover__centered</span>
	<span class="item">Item</span>
</div>

Item .cover__centered Item