fix: styles
This commit is contained in:
parent
2efe92318f
commit
bd9eede22c
2 changed files with 19 additions and 19 deletions
|
@ -5,7 +5,7 @@ article.standalone .associated-media:last-of-type > hr {
|
||||||
p + .associated-media,
|
p + .associated-media,
|
||||||
img + .associated-media,
|
img + .associated-media,
|
||||||
.banner + .associated-media,
|
.banner + .associated-media,
|
||||||
.client-side + .associated-media,
|
.client-side ~ .associated-media,
|
||||||
youtube-video + .associated-media {
|
youtube-video + .associated-media {
|
||||||
margin-top: var(--spacing-base);
|
margin-top: var(--spacing-base);
|
||||||
border-top: var(--border-gray);
|
border-top: var(--border-gray);
|
||||||
|
@ -24,8 +24,8 @@ youtube-video + .associated-media {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:has(+ .client-side > div) {
|
&:has(~ *) {
|
||||||
border-bottom: var(--border-gray);
|
margin-bottom: var(--spacing-base);
|
||||||
}
|
}
|
||||||
|
|
||||||
& ~ youtube-video {
|
& ~ youtube-video {
|
||||||
|
|
|
@ -1,23 +1,23 @@
|
||||||
{%- if post -%}
|
{%- if post -%}
|
||||||
<script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
|
<script type="module" src="/assets/scripts/components/mastodon-post.js"></script>
|
||||||
<template id="mastodon-post-template">
|
<template id="mastodon-post-template">
|
||||||
<blockquote data-key="content"></blockquote>
|
<div class="mastodon-post-wrapper">
|
||||||
<dl>
|
<blockquote data-key="content"></blockquote>
|
||||||
<dt>{% tablericon "refresh" %}</dt>
|
<dl>
|
||||||
<dd data-key="reblogs_count"></dd>
|
<dt>{% tablericon "refresh" %}</dt>
|
||||||
<dt>{% tablericon "message-circle" %}</dt>
|
<dd data-key="reblogs_count"></dd>
|
||||||
<dd data-key="replies_count"></dd>
|
<dt>{% tablericon "message-circle" %}</dt>
|
||||||
<dt>{% tablericon "star" %}</dt>
|
<dd data-key="replies_count"></dd>
|
||||||
<dd data-key="favourites_count"></dd>
|
<dt>{% tablericon "star" %}</dt>
|
||||||
</dl>
|
<dd data-key="favourites_count"></dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<span class="client-side">
|
<span class="client-side">
|
||||||
<div class="mastodon-post-wrapper">
|
<mastodon-post>
|
||||||
<mastodon-post>
|
<a href="{{ post }}">
|
||||||
<a href="{{ post }}">
|
Discuss on Mastodon
|
||||||
Discuss on Mastodon
|
</a>
|
||||||
</a>
|
</mastodon-post>
|
||||||
</mastodon-post>
|
|
||||||
</div>
|
|
||||||
</span>
|
</span>
|
||||||
{%- endif -%}
|
{%- endif -%}
|
Reference in a new issue