Add margin between posts on home page
parent
16f3ac61ec
commit
a303d84044
|
@ -114,6 +114,10 @@ main.main-content {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.recent-posts .post-summary {
|
||||||
|
margin-bottom: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
.post-date {
|
.post-date {
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,6 +16,7 @@
|
||||||
<h2>Recent Posts</h2>
|
<h2>Recent Posts</h2>
|
||||||
{% set blog = get_section(path="blog/_index.md") %}
|
{% set blog = get_section(path="blog/_index.md") %}
|
||||||
{% for page in blog.pages | slice(end=3) %}
|
{% for page in blog.pages | slice(end=3) %}
|
||||||
|
<div class="post-summary">
|
||||||
<h3 class="post-title"><a href="{{ page.path }}">{{ page.title }}</a></h3>
|
<h3 class="post-title"><a href="{{ page.path }}">{{ page.title }}</a></h3>
|
||||||
<div class="post-date">
|
<div class="post-date">
|
||||||
<time datetime="{{ page.date }}">{{ page.date | date(format="%b %d") }}</time>
|
<time datetime="{{ page.date }}">{{ page.date | date(format="%b %d") }}</time>
|
||||||
|
@ -25,6 +26,7 @@
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>{{ page.content | striptags | split(pat=" ") | slice(end=20) | join(sep=" ") | safe }}{% if page.word_count > 20 %}…{% endif %}</p>
|
<p>{{ page.content | striptags | split(pat=" ") | slice(end=20) | join(sep=" ") | safe }}{% if page.word_count > 20 %}…{% endif %}</p>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue