blog: css tweaks
This commit is contained in:
parent
5aa241e4d6
commit
0796ea8fde
1 changed files with 13 additions and 1 deletions
|
@ -6,7 +6,7 @@
|
|||
}
|
||||
|
||||
main {
|
||||
width: min(calc(100% - 4rem), 900px);
|
||||
width: min(calc(100% - 4rem), 1200px);
|
||||
margin: 0 auto 1rem auto;
|
||||
}
|
||||
|
||||
|
@ -17,6 +17,7 @@ main {
|
|||
|
||||
article.blog {
|
||||
font-family: 'Lora', serif;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.blog-date {
|
||||
|
@ -127,17 +128,28 @@ article.blog {
|
|||
.btn.mastodon {
|
||||
font-family: monospace;
|
||||
text-wrap: nowrap;
|
||||
text-decoration: none;
|
||||
transition-property: color background-color;
|
||||
transition-duration: .1s;
|
||||
}
|
||||
|
||||
.btn.bluesky {
|
||||
color: var(--bluesky);
|
||||
border-color: var(--bluesky);
|
||||
}
|
||||
.btn.bluesky:hover {
|
||||
background-color: var(--bluesky);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn.mastodon {
|
||||
color: var(--mastodon);
|
||||
border-color: var(--mastodon);
|
||||
}
|
||||
.btn.mastodon:hover {
|
||||
background-color: var(--mastodon);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.comment {
|
||||
font-family: 'Inter', 'Arial', sans-serif;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue