Visually separate blog posts

This commit is contained in:
Oliver Davies 2015-07-22 07:21:43 +01:00
parent f68c6141d4
commit 52730d3477
3 changed files with 19 additions and 3 deletions

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,14 @@
.page--blog__list {
ul.posts {
list-style: none;
margin-bottom: 2em;
padding-left: 0;
}
.post {
@include clearfix;
border-bottom: 1px solid #CCC;
margin-bottom: 1em;
padding-bottom: 2em;
}
}

View file

@ -12,8 +12,9 @@ use:
{% block content %} {% block content %}
<h1>Blog</h1> <h1>Blog</h1>
<ul class="posts">
{% for post in page.pagination.items %} {% for post in page.pagination.items %}
<article class="post"> <li class="post">
{% include 'post-header' with { page: post, title_tag: 'h2' } %} {% include 'post-header' with { page: post, title_tag: 'h2' } %}
{% if post.blocks.excerpt %} {% if post.blocks.excerpt %}
@ -23,8 +24,9 @@ use:
{% endif %} {% endif %}
<a href="{{ post.url }}">Read more &rarr;</a> <a href="{{ post.url }}">Read more &rarr;</a>
</article> </li>
{% endfor %} {% endfor %}
</ul>
{% if page.pagination.previous_page or page.pagination.next_page %} {% if page.pagination.previous_page or page.pagination.next_page %}
<nav> <nav>