diff --git a/assets/css/content.css b/assets/css/content.css index a0281b35..4b8ad0f6 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -9,7 +9,7 @@ content-wrapper { gap: 1rem; } .prose { font-size: var(--fs-main-txt); color: var(--clr-slate-600); - padding: 0 var(--sz-main-padding) 4em; + padding: 0 var(--sz-main-padding) var(--sz-content-bottom); } .prose > * + :not([class]) { margin-top: var(--sz-paragraph-margin); } @@ -19,7 +19,7 @@ content-wrapper { gap: 1rem; } .prose > h4, .prose > h5, .prose > h6 { margin-top: 2em; } .bio { max-width: 65ch; } -.right-sidebar { padding: 0 clamp(1em, 5%, 1.5em) 3em; } +.right-sidebar { padding: 0 clamp(1em, 5%, 1.5em) var(--sz-content-bottom); } .sidebar--sticky { position: sticky; diff --git a/assets/css/global.css b/assets/css/global.css index f36de045..49e7a0a2 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -27,6 +27,7 @@ --sz-main-padding: clamp(1em, 5%, 1.5em); --sz-paragraph-margin: 1.15em; --sz-list-gap: 0.7em; + --sz-content-bottom: 4em; --bs-main: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgb(0 0 0 / 0.2); diff --git a/blog/posts/2024-07-19-eleventy-3-0-upgrade/index.html b/blog/posts/2024-07-19-eleventy-3-0-upgrade/index.html index aeb946bb..06a127a6 100644 --- a/blog/posts/2024-07-19-eleventy-3-0-upgrade/index.html +++ b/blog/posts/2024-07-19-eleventy-3-0-upgrade/index.html @@ -27,7 +27,7 @@