feat: style changes: the death of monospace
This commit is contained in:
parent
3809e7c9dd
commit
917ef06879
2 changed files with 14 additions and 22 deletions
|
|
@ -1,6 +1,6 @@
|
||||||
---
|
---
|
||||||
title: hello
|
title: hello
|
||||||
date: 2023-02-26
|
date: 2026-02-26
|
||||||
---
|
---
|
||||||
|
|
||||||
i've always had some sort of homepage. it was originally on bebo, then that died and i didn't ever get into other social media, so i made a website
|
i've always had some sort of homepage. it was originally on bebo, then that died and i didn't ever get into other social media, so i made a website
|
||||||
|
|
|
||||||
|
|
@ -1,9 +1,10 @@
|
||||||
body {
|
body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
max-width: 48rem;
|
max-width: 34rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
|
font-family: 'Times New Roman', serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -17,6 +18,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
|
|
||||||
.muted {
|
.muted {
|
||||||
color: #888;
|
color: #888;
|
||||||
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left, .right {
|
.left, .right {
|
||||||
|
|
@ -24,7 +26,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 63rem) {
|
@media (min-width: 58rem) {
|
||||||
.left, .right {
|
.left, .right {
|
||||||
display: inline;
|
display: inline;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -78,9 +80,6 @@ section {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
section .section-label {
|
|
||||||
font-family: monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.home-name-link {
|
.home-name-link {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -102,8 +101,7 @@ header {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
gap: 2ch;
|
gap: 2rem;
|
||||||
font-family: monospace;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-name {
|
.header-name {
|
||||||
|
|
@ -119,15 +117,13 @@ section pre {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-list {
|
.entry-list {
|
||||||
columns: 2 24ch;
|
|
||||||
column-gap: 3ch;
|
|
||||||
font-family: monospace;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry {
|
.entry {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 10ch 1fr;
|
grid-template-columns: 4rem 1fr;
|
||||||
|
align-items: baseline;
|
||||||
break-inside: avoid;
|
break-inside: avoid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -150,27 +146,23 @@ section pre {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-left: 1ch;
|
padding-left: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.guestbook-entries {
|
.guestbook-entries {
|
||||||
font-family: monospace;
|
margin: 0;
|
||||||
white-space: pre;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.guestbook-entry {
|
.guestbook-entry {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 10ch 1fr;
|
grid-template-columns: 4rem 1fr;
|
||||||
}
|
align-items: baseline;
|
||||||
|
break-inside: avoid;
|
||||||
.guestbook-entry > span:last-child {
|
|
||||||
white-space: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.guestbook-form {
|
.guestbook-form {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-left: 10ch;
|
margin-left: 4rem;
|
||||||
font-family: monospace;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-compact] .list-meta {
|
html[data-compact] .list-meta {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue