6.14.1 Stacked View in a new window
A simple listing style with each item stacked after each other.
Twig: components/listing/listing-stacked.twig
Example
-
Women in Engineering and IT hands-on day
Opportunity for female students to participate in a range of engaging, educational and often explosive hands-on activities...
-
Women in Engineering and IT hands-on day
Opportunity for female students to participate in a range of engaging, educational and often explosive hands-on activities...
-
Women in Engineering and IT hands-on day
Opportunity for female students to participate in a range of engaging, educational and often explosive hands-on activities...
-
Women in Engineering and IT hands-on day
Opportunity for female students to participate in a range of engaging, educational and often explosive hands-on activities...
Markup
<ul class="listing listing--stacked">
<li>
{% include '@uts_theme/components/event/event-teaser.twig' %}
</li>
<li>
{% include '@uts_theme/components/event/event-teaser.twig' %}
</li>
<li>
{% include '@uts_theme/components/event/event-teaser.twig' %}
</li>
<li>
{% include '@uts_theme/components/event/event-teaser.twig' %}
</li>
</ul>