fix: alignment
This commit is contained in:
parent
bb57f38e53
commit
012b6cdb17
2 changed files with 20 additions and 16 deletions
|
@ -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;
|
||||||
|
|
|
@ -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 -%}
|
||||||
|
|
Reference in a new issue