From 000e7d69d4a0da037c63539a988535507015f61d Mon Sep 17 00:00:00 2001
From: Darius Auding <Darius.auding@gmx.de>
Date: Thu, 4 Apr 2024 22:08:48 +0200
Subject: [PATCH] Excorise custom css
---
sass/_utils.scss | 11 -----------
templates/blog/author_media.html | 10 ++++++----
templates/blog/card.html | 4 ++--
3 files changed, 8 insertions(+), 17 deletions(-)
diff --git a/sass/_utils.scss b/sass/_utils.scss
index 027d3608..241d5734 100644
--- a/sass/_utils.scss
+++ b/sass/_utils.scss
@@ -31,14 +31,3 @@ figure.image > figcaption {
.author-images>figure:last-child {
margin-right: 0;
}
-
-.blog-card {
- display: flex;
- flex-direction: column;
- height: 100%;
- justify-content:space-between;
- gap: 0;
-}
-.blog-card>.card-content {
- height: 100%;
-}
diff --git a/templates/blog/author_media.html b/templates/blog/author_media.html
index 5fe3097d..3020f9b9 100644
--- a/templates/blog/author_media.html
+++ b/templates/blog/author_media.html
@@ -1,5 +1,5 @@
-<div class="media">
- <div class="media-left author-images">
+<div class="media author-section is-flex">
+ <div class="media-left author-images is-align-self-center">
{% set authors_data = load_data(path="authors.json") -%}
{% for author in post.authors -%}
<figure class="image is-48x48 is-inline-block">
@@ -8,15 +8,17 @@
{% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%}
<img class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
{% else -%}
- <span class="fa-stack fa-lg is-block">
+ <div class="is-flex is-fullheight">
+ <span class="fa-stack fa-lg is-block is-align-self-center">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-{{ author | truncate(length=1, end="") | lower() }} fa-stack-1x fa-inverse"></i>
</span>
+ </div>
{% endif -%}
</figure>
{% endfor %}
</div>
- <ul class="media-content">
+ <ul class="media-content is-align-self-center">
<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 %}
diff --git a/templates/blog/card.html b/templates/blog/card.html
index fca09168..ee44abcb 100644
--- a/templates/blog/card.html
+++ b/templates/blog/card.html
@@ -1,4 +1,4 @@
- <div class="card blog-card">
+ <div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between ">
<div class="card-image">
<a href="{{ post.permalink }}">
<figure class="image is-4by3">
@@ -10,7 +10,7 @@
</figure>
</a>
</div>
- <div class="card-content">
+ <div class="card-content is-fullheight">
<a href="{{ post.permalink }}"><h3 class="title is-4">{{ post.title }}</h3></a>
<div class="content">
{% include "blog/meta_line.html" -%}
--
GitLab