From 045908410a76954e5ecb3e9e3d72f5290e1d99ec Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Sun, 10 Oct 2021 19:58:40 -0700 Subject: [PATCH] Even more style updates --- assets/app.css | 8 +++++++- assets/home.css | 31 +++++++++++++------------------ assets/style.css | 24 ++++++++++++++---------- 3 files changed, 34 insertions(+), 29 deletions(-) diff --git a/assets/app.css b/assets/app.css index 44bcc01..3923158 100644 --- a/assets/app.css +++ b/assets/app.css @@ -16,6 +16,7 @@ --side: calc((var(--wide) - var(--narrow)) / 2); --header: 8rem; --footer: calc(8rem + var(--safe-bottom)); + --link-color: #3486ff; --light: 255, 255, 255; --dark: 22, 22, 22; @@ -176,9 +177,11 @@ img { /* Header -------------------------------------------------- */ .header { + margin-top: 2rem; display: flex; max-width: var(--wide); height: var(--header); + align-items: baseline; } .header a { @@ -194,7 +197,6 @@ img { } .site-name { - max-width: calc(100% - 2rem - 3rem); padding-bottom: 0.3rem; overflow: auto; font-size: 3.4rem; @@ -238,6 +240,10 @@ img { background: var(--url) center center no-repeat; } +.social a span { + visibility: hidden; +} + .dark .social a { filter: invert(1); } diff --git a/assets/home.css b/assets/home.css index 7e16bce..afc9eb3 100644 --- a/assets/home.css +++ b/assets/home.css @@ -1,42 +1,37 @@ /* home.css */ -:root { - --link-color: #3486ff; -} - -main h1, -main h2, -main h3 { - margin-top: 4rem; +.main h1, +.main h2, +.main h3 { + margin-top: 5rem; margin-bottom: 0.7rem; } -main h1:first-child { +.main h1:first-child { margin-top: 0; } -main a { - color: var(--link-color); +.main a { + color: var(--link-color); } -h1 { +.main h1 { font-size: 5rem; } -h2 { +.main h2 { font-size: 3rem; } #homepage-content { margin-bottom: 2em; - font-size: 2.2rem; } -main p:first-child { +.main p:first-child { margin-top: 0; } -main p, -main ul { +.main p, +.main ul { margin-top: 1.5rem; -} \ No newline at end of file +} diff --git a/assets/style.css b/assets/style.css index cc81ab8..fb1bcb1 100644 --- a/assets/style.css +++ b/assets/style.css @@ -10,6 +10,18 @@ img { border-radius: 4px; } +.draft { + text-transform: uppercase; + font-size: 80%; + color: white; + font-weight: 800; + /*border: 2px solid #aaa;*/ + border-radius: 4px; + padding: 0.2rem 0.8rem; + margin-left: 0.5rem; + background-color: #aaa; +} + .flex-date { display: flex; align-items: baseline; @@ -21,14 +33,6 @@ img { font-style: italic; } -.draft { - text-transform: uppercase; - font-size: 80%; - color: white; - font-weight: 800; - /*border: 2px solid #aaa;*/ - border-radius: 4px; - padding: 0.2rem 0.8rem; - margin-left: 0.5rem; - background-color: #aaa; +.post-content a { + color: var(--link-color); } \ No newline at end of file