Update tag and post styling

This commit is contained in:
Cassidy Williams
2022-10-18 17:09:54 -05:00
parent 23d2e2eeff
commit 94f1d7a0fe
3 changed files with 40 additions and 10 deletions

View File

@@ -19,8 +19,8 @@
background-color: var(--highlight);
color: var(--black);
}
html,
body {
font-family: 'Roboto Mono', monospace;
margin: auto;
padding: 20px;
max-width: 65ch;
@@ -30,6 +30,11 @@ body {
line-height: 1.8;
color: var(--black);
}
html,
body,
button {
font-family: "Roboto Mono", monospace;
}
h1,
h2,
h3,
@@ -40,6 +45,16 @@ strong,
b {
color: var(--black);
}
body.dark-mode,
body.dark-mode button,
body.dark-mode .go-home,
button.dark-mode,
button.dark-mode button {
background: var(--black);
color: var(--white);
}
a {
color: var(--pink);
}
@@ -54,6 +69,24 @@ nav a:not(:last-child) {
padding: 0 12px 0 0;
}
.post {
margin: 0 0 30px 0;
}
.post .title {
font-size: 1.3em;
}
.tag {
margin-right: 20px;
color: var(--gray);
font-size: 0.8rem;
}
.tag:hover {
cursor: pointer;
font-weight: bold;
}
textarea {
width: 100%;
font-size: 16px;