{# ========================================================================== #}
{# :: Settings & variables #}
{# ========================================================================== #}
{% set params = {
	order: 2,
	scope: "s-bp-section"
} %}

{# ========================================================================== #}
{# :: Info #}
{# ========================================================================== #}
{% set info %}

Split child elements of l-section in two parts that are equal of size and place
them next to each other, vertically aligned to the center.

- l-section__header--split-space
- l-section__footer--split-space

{% endset %}

{# ========================================================================== #}
{# :: Preview #}
{# ========================================================================== #}
{% set preview %}

<section class="l-section">
	l-section

	<header class="l-section__header l-section__header--split-space">
		<h2 class="l-section__title">l-section__title</h2>

		<div class="l-section__actions">
			l-section__actions
		</div>
	</header>

	<div class="l-section__content">
		l-section__content
	</div>

	<footer class="l-section__footer l-section__footer--split-space">
		<p>l-section__footer</p>

		<div class="l-section__actions">
			l-section__actions
		</div>
	</footer>

</section>

{% endset %}