From d03f4075d20fdfe783909af3d159890a1837f1c4 Mon Sep 17 00:00:00 2001
From: Darius Auding <Darius.auding@gmx.de>
Date: Thu, 4 Apr 2024 21:36:36 +0200
Subject: [PATCH] use bulma media class
---
sass/_utils.scss | 5 +++++
templates/blog/author_media.html | 6 +++---
2 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/sass/_utils.scss b/sass/_utils.scss
index e9ae153f..027d3608 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 df132594..5fe3097d 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 %}
--
GitLab