Add column classes to teaser content so images stack on mobile

This commit is contained in:
benjamin melançon 2019-08-01 11:27:07 -04:00
parent 09ab33dcf3
commit 9e9383e9da

View file

@ -71,7 +71,7 @@
*/ */
#} #}
<a class="teaser media content" href="{{ url }}"> <a class="teaser media content columns" href="{{ url }}">
{% set has_title_paragraph = false %} {% set has_title_paragraph = false %}
{% if content.field_body_paragraph %} {% if content.field_body_paragraph %}
@ -84,7 +84,7 @@
{% endif %} {% endif %}
{% if not has_title_paragraph %} {% if not has_title_paragraph %}
<div class="media-left"> <div class="media-left column">
{{ content.field_image }} {{ content.field_image }}
{% if node.bundle == 'blog' and content.field_authors is not empty %} {% if node.bundle == 'blog' and content.field_authors is not empty %}
<p class="byline is-mono"> <p class="byline is-mono">
@ -93,7 +93,7 @@
</p> </p>
{% endif %} {% endif %}
</div> </div>
<div class="media-content content"> <div class="media-content content column">
<h3 class="title is-5">{{ label }}</h3> <h3 class="title is-5">{{ label }}</h3>
<div class="subtitle is-6"> <div class="subtitle is-6">
{{ content.field_summary }} {{ content.field_summary }}