Eryn Wells
cac32298b8
Copied over the templates from blog/ and set up permalinks. Drew some bespoke star and retweet icons. Wrote a script to import data from the archive.
49 lines
817 B
CSS
49 lines
817 B
CSS
:root {
|
|
--tweet-separator-color: rgb(var(--lt-gray));
|
|
}
|
|
|
|
article.tweet {
|
|
border: 1px solid var(--tweet-separator-color);
|
|
border-radius: 6px;
|
|
padding: 4rem;
|
|
}
|
|
|
|
ul.tweets {
|
|
list-style-type: none;
|
|
margin-inline-start: 0;
|
|
}
|
|
|
|
li.tweet {
|
|
border-bottom: 1px solid var(--tweet-separator-color);
|
|
margin: 0;
|
|
padding-block: 2rem;
|
|
}
|
|
|
|
li.tweet:first-of-type {
|
|
border-top: 1px solid var(--tweet-separator-color);
|
|
}
|
|
|
|
.metadata {
|
|
display: flex;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
margin-block-start: 1rem;
|
|
}
|
|
|
|
.metadata .timestamp {
|
|
color: rgb(var(--mid-gray));
|
|
font-size: 90%;
|
|
margin: 0;
|
|
}
|
|
|
|
.metadata :is(.rt, .fav) {
|
|
gap: 0.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.metadata .rt img {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|