Spacer
The spacer component is used to insert extra padding between components. There are modifiers that give this component varying padding sizes.
.spacer--2x
Add double the padding added by default.
.spacer--3x
Add triple the padding added by default.
{{ attach_library('h4h_theme/spacer') }}
{#
Add special kss styles to show how much space
is added.
#}
{% if kss_styles %}
<div style="{{ kss_styles }}">
{% endif %}
<section class="spacer {{ modifier_class }}">
</section>
{% if kss_styles %}
</div>
{% endif %}