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

View file

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