aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJean-Nicolas Veigel <art.jnveigel@gmail.com>2024-03-17 19:20:13 +0100
committerLouis Pilfold <louis@lpil.uk>2024-03-26 10:31:25 +0000
commita5a0b79e0a4062c69a47feb3c350c829720186bf (patch)
tree6b5c25f08a5368e481c9dd0efaa53da49c5e8130
parentc74bdef3c4e569006f06e07a4ebe3a65e86e5ce9 (diff)
downloadtour-a5a0b79e0a4062c69a47feb3c350c829720186bf.tar.gz
tour-a5a0b79e0a4062c69a47feb3c350c829720186bf.zip
style: add breathing room between lesson paragraphs
-rw-r--r--static/css/pages/everything.css34
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;