Create grid styling for related posts module

- Add default teaser image
- Disable image watch gulp task
This commit is contained in:
Michael Rose
2016-03-18 15:07:02 -04:00
parent 17a6afcd35
commit eb2f3d052a
29 changed files with 86 additions and 26 deletions

View File

@@ -52,13 +52,13 @@ layout: default
{% comment %}<!-- only show related on a post page when not disabled -->{% endcomment %}
{% if page.id and page.related and site.related_posts.size > 0 %}
<div class="page__related">
{% if site.data.ui-text[site.locale].related_label %}
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label }}</h4>
{% endif %}
<ul>
{% for post in site.related_posts limit:3 %}
<li><a href="{{ base_path }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
{% if site.data.ui-text[site.locale].related_label %}
<h4 class="page__related-title">{{ site.data.ui-text[site.locale].related_label }}</h4>
{% endif %}
<div class="grid__wrapper">
{% for post in site.related_posts limit:4 %}
{% include archive-grid-single.html %}
{% endfor %}
</div>
</div>
{% endif %}