From 916b84bef4d76a2fefd2aac291eb295bae8d6523 Mon Sep 17 00:00:00 2001 From: Chris Basham Date: Wed, 25 Sep 2024 17:06:04 -0400 Subject: [PATCH] Adjust layout --- src/components/Aside.astro | 2 +- src/components/Header.astro | 2 +- src/styles/global.css | 16 ++++++++-------- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/Aside.astro b/src/components/Aside.astro index 3b60a9e..5525f9b 100644 --- a/src/components/Aside.astro +++ b/src/components/Aside.astro @@ -17,7 +17,7 @@ const labelId = uniqueId(); aside { border: var(--border); border-radius: var(--border-radius); - margin-top: 1rem; + margin-top: 1em; padding: var(--2px); } diff --git a/src/components/Header.astro b/src/components/Header.astro index 444788e..4f1b327 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -16,7 +16,7 @@ import { SITE_TITLE } from "@src/consts"; display: inline-flex; font-size: var(--fs-2); font-weight: bold; - gap: 1rem; + gap: 1em; text-decoration: none; } diff --git a/src/styles/global.css b/src/styles/global.css index 1c5b859..559bfa3 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -102,7 +102,7 @@ a:visited { blockquote { border-left: calc(var(--border-width) * 2) solid var(--color-border); margin: 0; - padding: 0 0 0 1rem; + padding: 0 0 0 1em; } blockquote :first-child { @@ -127,7 +127,7 @@ dd { dt { color: var(--color-code); font-weight: bold; - margin-top: 0.5rem; + margin-top: 0.5em; } footer, @@ -143,7 +143,7 @@ p, pre, table, ul { - margin-top: 1rem; + margin-top: 1em; } figcaption { @@ -186,7 +186,7 @@ img { } li:not(:first-child) { - margin-top: 0.5rem; + margin-top: 0.5em; } main { @@ -228,7 +228,7 @@ ul { } :is(ol, ul) :is(ol, ul) { - margin-top: 0.5rem; + margin-top: 0.5em; } pre > code { @@ -247,7 +247,7 @@ table { td, th { - padding: 0.5rem 1rem; + padding: 0.5em 1em; } th { @@ -257,7 +257,7 @@ th { .list-inline { display: flex; - gap: 1.5rem; + gap: 1.5em; list-style-type: ""; padding: 0; } @@ -305,7 +305,7 @@ mark::after, clear: inline-end; float: inline-end; margin-inline-start: var(--col-gap); - margin-block-end: 1rem; + margin-block-end: 1em; width: var(--col-2-size); } }