Index List
The index list component is a 4 column list of items.
Argentina
Armenia
Bangladesh
Bolivia
Bosnia Herzegovina
Brazil
Bulgaria
Cambodia
Canada
Chile
China
Columbia
Costa Rica
Cote d' Ivoire
Dominican Republic
Egypt
El Salvador
Ethiopia
.index-list--2
Modifier to create a 2 column list of items.
Argentina
Armenia
Bangladesh
Bolivia
Bosnia Herzegovina
Brazil
Bulgaria
Cambodia
Canada
Chile
China
Columbia
Costa Rica
Cote d' Ivoire
Dominican Republic
Egypt
El Salvador
Ethiopia
.index-list--no-pad
Modifier to remove default padding.
Argentina
Armenia
Bangladesh
Bolivia
Bosnia Herzegovina
Brazil
Bulgaria
Cambodia
Canada
Chile
China
Columbia
Costa Rica
Cote d' Ivoire
Dominican Republic
Egypt
El Salvador
Ethiopia
{{ attach_library('h4h_theme/index-list') }}
<section class="index-list">
{% for item in items %}
<article class="index-list__item">
<h3 class="index-list__title">{{ item.title }}</h3>
</article>
{% endfor %}
</section>