diff options
author | Jean-Nicolas Veigel <art.jnveigel@gmail.com> | 2024-03-17 19:20:13 +0100 |
---|---|---|
committer | Louis Pilfold <louis@lpil.uk> | 2024-03-26 10:31:25 +0000 |
commit | a5a0b79e0a4062c69a47feb3c350c829720186bf (patch) | |
tree | 6b5c25f08a5368e481c9dd0efaa53da49c5e8130 | |
parent | c74bdef3c4e569006f06e07a4ebe3a65e86e5ce9 (diff) | |
download | tour-a5a0b79e0a4062c69a47feb3c350c829720186bf.tar.gz tour-a5a0b79e0a4062c69a47feb3c350c829720186bf.zip |
style: add breathing room between lesson paragraphs
-rw-r--r-- | static/css/pages/everything.css | 34 |
1 files changed, 9 insertions, 25 deletions
diff --git a/static/css/pages/everything.css b/static/css/pages/everything.css index be2c61e..2d59855 100644 --- a/static/css/pages/everything.css +++ b/static/css/pages/everything.css @@ -3,7 +3,7 @@ * inline chapters & lessons */ -body:has(#everything) { +body { /* max-height: 100%; */ overflow: hidden; min-height: 100vh; @@ -11,12 +11,12 @@ body:has(#everything) { min-height: -webkit-fill-available; } -html:has(#everything) { +html { min-height: -webkit-fill-available; } /* set navbar to position: fixed */ -body:has(#everything) .navbar { +.navbar { z-index: 100; position: fixed; inset: 0; @@ -34,21 +34,21 @@ main#everything { padding-top: var(--navbar-height); } -#everything p, -#everything a { +p, +a { margin: var(--gap) 0; font-size: var(--font-size-normal); line-height: var(--gap-double); font-weight: 400; } -#everything code { +code { font-size: var(--font-size-small); } -#everything h1, -#everything h2, -#everything h3 { +h1, +h2, +h3 { margin: 0; } @@ -140,10 +140,6 @@ main#everything { scroll-snap-align: center top; } -#everything-lessons .lesson * { - margin: 0; -} - #everything-lessons .lesson-title { position: sticky; top: var(--gap-triple); @@ -351,18 +347,6 @@ main#everything { } } -@media all and (orientation: portrait) { - /* adjust padding and sticky element positions when a link is clicked */ - - /* #everything:has(*:target) #everything-lessons { - padding-top: var(--navbar-height); - } - - #everything:has(*:target) #everything-contents { - padding-top: calc(var(--navbar-height) + var(--gap)); - } */ -} - @keyframes highlight-text { 0% { text-decoration: underline; |