diff --git a/static/styles/main.css b/static/styles/main.css index abf7995..cef9508 100644 --- a/static/styles/main.css +++ b/static/styles/main.css @@ -7,7 +7,8 @@ --header: 8rem; --footer: calc(8rem + var(--safe-bottom)); - --light: white; + --light: #fff; + --light-dim: #888; --dark: rgb(22, 22, 22); --highlight-color: rgb(50, 186, 228); --hljs-bg: #111; @@ -43,7 +44,7 @@ --body-background-color: var(--dark); --body-foreground-color: var(--light); - --tag-text-color: #aaa; + --tag-text-color: var(--light-dim); --tag-background-color: rgb(40, 40, 40); --tag-hover-background-color: rgb(73, 73, 73); @@ -76,6 +77,12 @@ body { padding: 0 var(--body-padding); } +blockquote { + border-inline-start: 4px solid var(--separator-color); + padding-inline-start: 2rem; + margin-inline-start: 2rem; +} + figcaption h4 { margin-bottom: 0; } @@ -402,9 +409,10 @@ ul.post-tags li:hover { ul.post-tags li a { color: var(--tag-text-color); display: block; + font-size: 1.75rem; height: 100%; width: 100%; - padding: 1rem 1.5rem; + padding: 0.75rem 1rem; } ul.post-tags li a:hover { @@ -429,11 +437,12 @@ ul.post-tags li + li { } .post-title > .post-date { - color: rgb(73, 73, 73); + color: var(--light-dim); display: inline-block; font-size: 1.75rem; inline-size: min-content; letter-spacing: 1px; + margin-block-start: 0.5rem; text-transform: uppercase; white-space: nowrap; }