commit a7c7a2be59d8c6d2f23855cee3cbf29fddd3f1e9 parent 743488b6aa1d897bf9e59911fd38c2940ebdba7b Author: lou woell <lou@repetitions.de> Date: Sun, 19 Apr 2026 19:35:14 +0200 fix spacing on lists Diffstat:
| M | assets/css/post.css | | | 52 | +++++++++++++++++++++++++++++----------------------- |
| M | layouts/_partials/post-on-list.html | | | 38 | ++++++++++++++++++++------------------ |
2 files changed, 49 insertions(+), 41 deletions(-)
diff --git a/assets/css/post.css b/assets/css/post.css @@ -38,35 +38,41 @@ } } - .post-description { - margin: 0 2rem 0; - } - - .post-preview-grid { - display: grid; - column-gap: 2rem; - grid-auto-columns: 1fr 3fr; - grid-auto-rows: min-content; + .post-preview { - margin-left: 2rem; + margin-top: 1rem; + margin-bottom: 1rem; margin-right: 2rem; + margin-left: 2rem; - .post-cover { - grid-row: 1 / 3; - grid-column: 1; - border: 0; - padding: 0; - margin: 0; - contain: style; + .read-more { + margin-top: 1rem; + margin-bottom: 0rem; } - .post-description { - grid-column: 2; - } + .post-preview-grid { + display: grid; + column-gap: 2rem; + grid-auto-columns: 1fr 3fr; + grid-auto-rows: min-content; + + .post-cover { + grid-row: 1 / 3; + grid-column: 1; + border: 0; + padding: 0; + margin: 0; + contain: style; + } - .read-more { - grid-row: 2; - grid-column: 2; + .post-description { + grid-column: 2; + } + + .read-more { + grid-row: 2; + grid-column: 2; + } } } diff --git a/layouts/_partials/post-on-list.html b/layouts/_partials/post-on-list.html @@ -4,7 +4,7 @@ <a href= "{{ (urlize (printf "series/%s/" . )) | absLangURL }}"> {{- . -}}: </a> - </span> + </span> {{- end }} <h1 class="post-title"> @@ -20,23 +20,25 @@ </span> {{ end -}} - {{ if .Params.cover -}} - <div class="post-preview-grid"> - {{ partial "cover.html" . }} - {{- end }} - - <div class="post-description"> - {{ if .Description -}} - {{ .Description | markdownify -}} - {{ else -}} - {{ .Summary | plainify -}} + <div class="post-preview"> + {{ if .Params.cover -}} + <div class="post-preview-grid"> + {{ partial "cover.html" . }} {{- end }} - </div> - - <a class="read-more button" href="{{.RelPermalink}}"> - {{ $.Site.Params.ReadMore }} → - </a> - {{ if .Params.cover -}} + + <div class="post-description"> + {{ if .Description -}} + {{ .Description | markdownify -}} + {{ else -}} + {{ .Summary | plainify -}} + {{- end }} </div> - {{- end }} + + <a class="read-more button" href="{{.RelPermalink}}"> + {{ $.Site.Params.ReadMore }} → + </a> + {{ if .Params.cover -}} + </div> + {{- end }} + </div> </article>