From 95804f8aed781ed3151944e5bedb5c7e31c55712 Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Sun, 26 Sep 2021 19:40:17 -0400 Subject: [PATCH] scroll guides menu independently --- _includes/inline-aside-style.css | 2 +- _includes/inline-style.css | 12 +++++++++++- _layouts/home.html | 4 ++-- 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/_includes/inline-aside-style.css b/_includes/inline-aside-style.css index 0e2ad562..0e0cb6e2 100644 --- a/_includes/inline-aside-style.css +++ b/_includes/inline-aside-style.css @@ -10,7 +10,6 @@ aside { flex-direction: column; justify-content: flex-start; min-width: 30ch; - overflow-y: auto; } aside .title { @@ -67,5 +66,6 @@ aside details a { border-inline-end: 1px solid var(--c-border); width: max-content; height: 100%; + overflow-y: scroll; } } diff --git a/_includes/inline-style.css b/_includes/inline-style.css index 83223fe0..2a9cd584 100644 --- a/_includes/inline-style.css +++ b/_includes/inline-style.css @@ -76,8 +76,9 @@ main *, .hero * { body { background-color: var(--c-bg); - min-height: 100vh; + height: 100vh; display: grid; + overflow-y: scroll; grid-template-rows: var(--header-height) min-content auto auto min-content; grid-template-columns: 1fr; grid-template-areas: "header" "hero" "main" "aside" "footer"; @@ -142,6 +143,7 @@ main :is(h2, h3, h4, h5, h6) a:hover::before { @media screen and (min-width: 800px) { body { + overflow-y: hidden; grid-template-columns: min-content 8fr; grid-template-rows: 4rem min-content auto min-content; grid-template-areas: "header header" "hero hero" "aside main" "footer footer"; @@ -328,6 +330,10 @@ header nav details a { border-block-end: 1px solid var(--c-border); padding: 1rem; } + + main { + overflow-y: scroll; + } } main { @@ -379,6 +385,10 @@ footer div a:not([rel*=license]), footer div .copyright { } @media screen and (min-width: 800px) { + footer { + position: sticky; + } + footer div { line-height: 1.5; } diff --git a/_layouts/home.html b/_layouts/home.html index 493c971b..2e1b9482 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -2,12 +2,12 @@ {%- include head.html with_hero=true -%} - + {%- include nav.html -%} {%- include hero.html -%} -
+
{%- include article.html article=site.posts.first -%}