chore: refactoring
This commit is contained in:
parent
df5fddefc0
commit
e0593447eb
40 changed files with 181 additions and 232 deletions
21
src/assets/styles/components/mastodon-post.css
Normal file
21
src/assets/styles/components/mastodon-post.css
Normal file
|
@ -0,0 +1,21 @@
|
|||
.mastodon-post-wrapper {
|
||||
margin: var(--spacing-base) 0;
|
||||
border-top: var(--border-gray);
|
||||
padding-top: var(--sizing-base);
|
||||
|
||||
& dl, dt {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
& dl {
|
||||
align-items: center;
|
||||
|
||||
& dd {
|
||||
margin-left: var(--spacing-xs);;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: var(--spacing-lg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -30,6 +30,7 @@
|
|||
@import url('./components/banners.css') layer(components);
|
||||
@import url('./components/buttons.css') layer(components);
|
||||
@import url('./components/forms.css') layer(components);
|
||||
@import url('./components/mastodon-post.css') layer(components);
|
||||
@import url('./components/media-grid.css') layer(components);
|
||||
@import url('./components/menu.css') layer(components);
|
||||
@import url('./components/modal.css') layer(components);
|
||||
|
|
|
@ -5,6 +5,7 @@ article.standalone .associated-media:last-of-type > hr {
|
|||
p + .associated-media,
|
||||
img + .associated-media,
|
||||
.banner + .associated-media,
|
||||
.client-side + .associated-media,
|
||||
youtube-video + .associated-media {
|
||||
margin-top: var(--spacing-base);
|
||||
border-top: var(--border-gray);
|
||||
|
@ -23,6 +24,10 @@ youtube-video + .associated-media {
|
|||
}
|
||||
}
|
||||
|
||||
&:has(+ .client-side > div) {
|
||||
border-bottom: var(--border-gray);
|
||||
}
|
||||
|
||||
& ~ youtube-video {
|
||||
margin-top: var(--spacing-base);
|
||||
}
|
||||
|
|
Reference in a new issue