Add column classes to teaser content so images stack on mobile
This commit is contained in:
parent
09ab33dcf3
commit
9e9383e9da
1 changed files with 3 additions and 3 deletions
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in a new issue