Divider
This is the divider component that is used to divide page elements.
The component is section that contains a hr tag.
The section can be passed the class divider--hot-orange
to alter
the color.
The divider has spacing options controlled by the classes
divider--2x
and divider--3x
, which double or triple the space.
.divider--hot-orange
Alternate version of the hr.
.divider--2x
Alternate version of the hr.
.divider--3x
Alternate version of the hr.
{{ attach_library('h4h_theme/divider') }}
{#
Add special kss styles to show how much space
is added.
#}
{% if kss_styles %}
<div style="{{ kss_styles }}">
{% endif %}
<section class="divider {{ modifier_class }}">
<hr>
</section>
{% if kss_styles %}
</div>
{% endif %}