repos/website
1
Fork 0
Code Issues 1 Pull requests 23 Activity

Improve margin around blog post date headers

Browse source
This commit is contained in:
Jake Howard 2022-09-21 14:18:35 +01:00
parent bccc948995
commit 6c481672c4
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/src/scss/_listing.scss
View file

@ -41,6 +41,10 @@
font-size: $size-2; font-size: $size-2;
font-weight: $weight-bold; font-weight: $weight-bold;
margin-bottom: 1rem; margin-bottom: 1rem;
&:not(:first-child) {
margin-top: 2em;
}
} }
} }

4
website/blog/templates/blog/blog_post_list_page.html
View file

@ -4,9 +4,11 @@
<section class="container"> <section class="container">
{% for page in listing_pages %} {% for page in listing_pages %}
{% ifchanged %} {% ifchanged %}
<h3 id="{{ page.date|date:'Y-m' }}" class="date-header">
<time datetime="{{ page.date|date:'Y-m' }}" title='{{ page.date|date:"F Y" }}'> <time datetime="{{ page.date|date:'Y-m' }}" title='{{ page.date|date:"F Y" }}'>
<h3 id="{{ page.date|date:'Y-m' }}" class="date-header">{{ page.date|date:"Y-m" }}</h3> {{ page.date|date:"Y-m" }}
</time> </time>
</h3>
{% endifchanged %} {% endifchanged %}
{% include "common/listing-item.html" %} {% include "common/listing-item.html" %}