diff --git a/sass/_utils.scss b/sass/_utils.scss index e9ae153f8211e2cdef26cc9063c63a1316f530de..027d360840196971d57bd9e4c26fc37742ab5348 100644 --- a/sass/_utils.scss +++ b/sass/_utils.scss @@ -27,6 +27,11 @@ figure.image > figcaption { // margin-right: -1 * 20%; margin-right: -30px; } + +.author-images>figure:last-child { + margin-right: 0; +} + .blog-card { display: flex; flex-direction: column; diff --git a/templates/blog/author_media.html b/templates/blog/author_media.html index df132594f53689f7a3c0b3281ddf2491fc1b94dd..5fe3097d861521d17e201ebe6797bc63f75c12a1 100644 --- a/templates/blog/author_media.html +++ b/templates/blog/author_media.html @@ -1,5 +1,5 @@ -<div class="columns is-vcentered"> - <div class="column is-two-fifths author-images"> +<div class="media"> + <div class="media-left author-images"> {% set authors_data = load_data(path="authors.json") -%} {% for author in post.authors -%} <figure class="image is-48x48 is-inline-block"> @@ -16,7 +16,7 @@ </figure> {% endfor %} </div> - <ul class="column is-three-fifths"> + <ul class="media-content"> <div class="title is-5"> {% for author in post.authors -%} <span class="is-text-nowrap">{{ authors_data[author].display_name }}</span>{% if not loop.last %},{% endif %}