<div class="o-split-pair">
<div>
Hello, I am item one
</div>
<div>
Hello, I am item two
</div>
</div>
<div class="o-split-pair">
<div>
Hello, I am item one
</div>
<div>
Hello, I am item two
</div>
</div>
/* No context defined. */
/* ======================================================================
# _objects.split-pair.css
====================================================================== */
.o-split-pair {
@apply
flex
justify-between
items-center
flex-wrap
;
gap: var(--split-pair-space, 1.25rem);
}
Pushes two items away from each other if there is horizontal space or stacks them neatly with a configurable space: --split-pair-space.