cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-08 19:26:46 -07:00
parent 2efe92318f
commit bd9eede22c
No known key found for this signature in database
2 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/assets/styles/pages/post.css
View file

@ -5,7 +5,7 @@ article.standalone .associated-media:last-of-type > hr {
p + .associated-media,
img + .associated-media,
.banner + .associated-media,
.client-side + .associated-media,
.client-side ~ .associated-media,
youtube-video + .associated-media {
margin-top: var(--spacing-base);
border-top: var(--border-gray);
@ -24,8 +24,8 @@ youtube-video + .associated-media {
}
}
&:has(+ .client-side > div) {
border-bottom: var(--border-gray);
&:has(~ *) {
margin-bottom: var(--spacing-base);
}
& ~ youtube-video {

32
src/includes/partials/blocks/mastodon-post.liquid
View file

@ -1,23 +1,23 @@
{%- if post -%}
<script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
<template id="mastodon-post-template">
<blockquote data-key="content"></blockquote>
<dl>
<dt>{% tablericon "refresh" %}</dt>
<dd data-key="reblogs_count"></dd>
<dt>{% tablericon "message-circle" %}</dt>
<dd data-key="replies_count"></dd>
<dt>{% tablericon "star" %}</dt>
<dd data-key="favourites_count"></dd>
</dl>
<div class="mastodon-post-wrapper">
<blockquote data-key="content"></blockquote>
<dl>
<dt>{% tablericon "refresh" %}</dt>
<dd data-key="reblogs_count"></dd>
<dt>{% tablericon "message-circle" %}</dt>
<dd data-key="replies_count"></dd>
<dt>{% tablericon "star" %}</dt>
<dd data-key="favourites_count"></dd>
</dl>
</div>
</template>
<span class="client-side">
<div class="mastodon-post-wrapper">
<mastodon-post>
<a href="{{ post }}">
Discuss on Mastodon
</a>
</mastodon-post>
</div>
<mastodon-post>
<a href="{{ post }}">
Discuss on Mastodon
</a>
</mastodon-post>
</span>
{%- endif -%}