50 lines
713 B
CSS
50 lines
713 B
CSS
|
.post-header {
|
||
|
|
margin-bottom: var(--row-gap-small);
|
||
|
|
}
|
||
|
|
|
||
|
|
.post-title {
|
||
|
|
font: var(--font-display);
|
||
|
|
letter-spacing: var(--font-display-spacing);
|
||
|
|
margin: 0 0 0.2em;
|
||
|
|
text-wrap: balance;
|
||
|
|
}
|
||
|
|
|
||
|
|
.post-details {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
row-gap: 1em;
|
||
|
|
column-gap: .5em;
|
||
|
|
align-items: center;
|
||
|
|
font: var(--font-small);
|
||
|
|
color: var(--color-dim);
|
||
|
|
|
||
|
|
& p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
& p:nth-child(-n+2)::after {
|
||
|
|
content: "•";
|
||
|
|
padding-left: .5em;
|
||
|
|
align-self: stretch;
|
||
|
|
}
|
||
|
|
|
||
|
|
& p:last-of-type {
|
||
|
|
margin-right: .5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
& a {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.post-tags {
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
gap: .5em;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.post-link {
|
||
|
|
display: inline-block;
|
||
|
|
}
|