fix: alignment

This commit is contained in:
Cory Dransfeldt 2024-01-26 08:29:07 -08:00
parent bb57f38e53
commit 012b6cdb17
No known key found for this signature in database
2 changed files with 20 additions and 16 deletions

View file

@ -20,8 +20,6 @@ html {
p { p {
line-height: var(--line-height-lg); line-height: var(--line-height-lg);
margin-top: 1.25rem;
margin-bottom: 1.25rem;
} }
blockquote { blockquote {
@ -29,12 +27,16 @@ blockquote {
font-weight: 700; font-weight: 700;
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
line-height: var(--line-height-lg); line-height: var(--line-height-lg);
margin: 1.25rem 0;
padding-left: .875rem; padding-left: .875rem;
border-left: .25rem solid var(--gray-medium); border-left: .25rem solid var(--gray-medium);
word-break: break-word; word-break: break-word;
} }
p,
blockquote {
margin: 1.25rem 0;
}
:is(body, html, nav .tags, nav .search) svg { :is(body, html, nav .tags, nav .search) svg {
stroke: var(--text-color); stroke: var(--text-color);
} }
@ -342,15 +344,12 @@ article [rel="author"],
article time { article time {
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
line-height: var(--line-height-sm); line-height: var(--line-height-sm);
}
article .meta > * {
height: 1rem; height: 1rem;
margin-right: .25rem;
} }
article .meta .meta--icon { article [rel="author"] {
display: inline-flex; margin-bottom: .25rem;
vertical-align: middle;
} }
/* icons */ /* icons */
@ -371,6 +370,11 @@ svg {
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
} }
.icon--center__vertical > svg {
display: inline;
vertical-align: middle;
}
/* lists */ /* lists */
ul, ol { ul, ol {
padding-left: 1.25rem; padding-left: 1.25rem;

View file

@ -12,17 +12,17 @@ image: /assets/img/ogi/links.jpg
<a class="no-underline" href="{{ link.url }}"> <a class="no-underline" href="{{ link.url }}">
<h2 class="flex--centered" data-pagefind-meta="title">{{ link.title }}</h2> <h2 class="flex--centered" data-pagefind-meta="title">{{ link.title }}</h2>
</a> </a>
<div class="meta"> {%- if link.author and link.author != 'undefined' %}
{%- if link.author and link.author != 'undefined' %} <div rel="author">
<span rel="author"> {{ link.author }}
{{ link.author }} • </div>
</span> {% endif -%}
{% endif -%} <div class="flex--centered">
<time class="dt-published" datetime="{{ link.date }}"> <time class="dt-published" datetime="{{ link.date }}">
{{ link.date | date: "%m.%Y" }} {{ link.date | date: "%m.%Y" }}
</time> </time>
{%- if shareLink %} {%- if shareLink %}
<a class="meta--icon brand-mastodon icon--small" href="{{ shareLink }}"> <a class="brand-mastodon icon--small icon--center__vertical" href="{{ shareLink }}">
{% tablericon "brand-mastodon" "Mastodon post" %} {% tablericon "brand-mastodon" "Mastodon post" %}
</a> </a>
{% endif -%} {% endif -%}