Visually separate blog posts
This commit is contained in:
parent
f68c6141d4
commit
52730d3477
File diff suppressed because one or more lines are too long
14
source/assets/sass/components/pages/_blog-listing.scss
Normal file
14
source/assets/sass/components/pages/_blog-listing.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -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 →</a>
|
<a href="{{ post.url }}">Read more →</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>
|
||||||
|
|
Loading…
Reference in a new issue