My Blog's CSS Style
Below is my blog's CSS style. Influenced by this post.
I used PaperCSS as my main external stylesheet. I also took some the code from Hanki, which she copied from Atur with some modifications. Fira Code is used for code blocks as the normal font is very hard to see.
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
pre code {
font-family: 'Fira Code', monospace;
}
a.title h1 {
font-size: 2em;
}
/* Change title size so it doesn't look stupidity big on mobile */
h1 {
font-size: 1.5em;
}
/* CSS below copied from Hanki's styles
https://hanki.bearblog.dev/new-blog-design/ */
li span i time {
width: 128px;
max-width: 128px;
display: inline-block;
}
nav p a {
margin-right: 12px;
}
ul.blog-posts {
list-style: none;
padding: 7px;
}
footer {
margin-top: 2.5rem;
}
@media screen and (max-width: 600px) {
ul.blog-posts li span i time {
display: block;
}
ul.blog-posts li a {
margin-bottom: 40px;
}
}