blog: css tweaks

This commit is contained in:
ari melody 2025-04-29 22:04:19 +01:00
parent 5aa241e4d6
commit 0796ea8fde
Signed by: ari
GPG key ID: 60B5F0386E3DDB7E

View file

@ -6,7 +6,7 @@
} }
main { main {
width: min(calc(100% - 4rem), 900px); width: min(calc(100% - 4rem), 1200px);
margin: 0 auto 1rem auto; margin: 0 auto 1rem auto;
} }
@ -17,6 +17,7 @@ main {
article.blog { article.blog {
font-family: 'Lora', serif; font-family: 'Lora', serif;
font-size: 24px;
} }
.blog-date { .blog-date {
@ -127,17 +128,28 @@ article.blog {
.btn.mastodon { .btn.mastodon {
font-family: monospace; font-family: monospace;
text-wrap: nowrap; text-wrap: nowrap;
text-decoration: none;
transition-property: color background-color;
transition-duration: .1s;
} }
.btn.bluesky { .btn.bluesky {
color: var(--bluesky); color: var(--bluesky);
border-color: var(--bluesky); border-color: var(--bluesky);
} }
.btn.bluesky:hover {
background-color: var(--bluesky);
color: #fff;
}
.btn.mastodon { .btn.mastodon {
color: var(--mastodon); color: var(--mastodon);
border-color: var(--mastodon); border-color: var(--mastodon);
} }
.btn.mastodon:hover {
background-color: var(--mastodon);
color: #fff;
}
.comment { .comment {
font-family: 'Inter', 'Arial', sans-serif; font-family: 'Inter', 'Arial', sans-serif;