87 lines
1.5 KiB
CSS
87 lines
1.5 KiB
CSS
.microblog-comment {
|
|
& p {
|
|
font-style: italic;
|
|
margin: 0;
|
|
padding: var(--space-s) 0 0 0;
|
|
}
|
|
}
|
|
|
|
.microblog-emoji {
|
|
font-size: var(--step-6);
|
|
margin-right: var(--space-s);
|
|
}
|
|
|
|
.microblog-icon {
|
|
fill: var(--contrast-color);
|
|
height: var(--space-4xl);
|
|
padding-right: var(--space-s);
|
|
width: var(--space-2xl);
|
|
}
|
|
.microblog-list {
|
|
& .postlist-item-container {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
gap: var(--space-s);
|
|
& .postlist-item {
|
|
& .post-copy {
|
|
& .post-metadata {
|
|
& .post-metadata-copy {
|
|
& p {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
& h3 {
|
|
&:before {
|
|
content: "";
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
& .post-metadata {
|
|
padding: 0;
|
|
}
|
|
}
|
|
.microblog-post {
|
|
display: flex;
|
|
& .microblog-comment {
|
|
& p {
|
|
padding-top: 0;
|
|
padding-bottom: var(--space-2xs);
|
|
}
|
|
}
|
|
}
|
|
|
|
.microblog-status {
|
|
&.card {
|
|
align-items: center;
|
|
padding: var(--space-s);
|
|
}
|
|
& h2 {
|
|
margin-top: var(--space-m);
|
|
}
|
|
& .microblog-status-copy {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
p {
|
|
margin: 0;
|
|
}
|
|
& .status-metadata {
|
|
color: var(--color-metadata);
|
|
font-family: var(--font-family-metadata);
|
|
font-size: var(--font-size-metadata);
|
|
font-variation-settings: var(--font-variation-settings-metadata);
|
|
letter-spacing: var(--letter-spacing-metadata);
|
|
line-height: calc(var(--font-size-metadata) * 0.5 + var(--font-size-metadata));
|
|
text-transform: var(--text-transform-metadata);
|
|
& a[href] {
|
|
color: var(--color-metadata);
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
}
|
|
}
|