cover more anchor element cases for scroll offset

outofambit · outofambit · commit b5bbbf6024b0 · 2024-05-16T15:04:03.000-07:00
diff --git a/styles/global.scss b/styles/global.scss
@@ -206,14 +206,14 @@ section,
   border-bottom-width: 1px;
   border-color: var(--type-color);
   padding-bottom: var(--gutter-lg);
+  margin-top: var(--gutter-sm);
 
   &:last-child {
     border-width: 0px;
   }
 
   h2,
   .text-h2 {
-    padding-top: var(--gutter-sm);
     margin-top: 0px;
     margin-bottom: var(--gutter-md);
   }
@@ -222,9 +222,12 @@ section,
   .text-h2,
   h3,
   text-h3 {
-    scroll-margin-top: var(--gutter-md);
-    @media (min-width: $breakpoint-tablet) {
-      scroll-margin-top: 0;
+    &,
+    & > * {
+      scroll-margin-top: var(--gutter-md);
+      @media (min-width: $breakpoint-tablet) {
+        scroll-margin-top: var(--gutter-sm);
+      }
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -206,14 +206,14 @@ section,`
`206`	`206`	`border-bottom-width: 1px;`
`207`	`207`	`border-color: var(--type-color);`
`208`	`208`	`padding-bottom: var(--gutter-lg);`
	`209`	`+ margin-top: var(--gutter-sm);`
`209`	`210`
`210`	`211`	`&:last-child {`
`211`	`212`	`border-width: 0px;`
`212`	`213`	`}`
`213`	`214`
`214`	`215`	`h2,`
`215`	`216`	`.text-h2 {`
`216`		`- padding-top: var(--gutter-sm);`
`217`	`217`	`margin-top: 0px;`
`218`	`218`	`margin-bottom: var(--gutter-md);`
`219`	`219`	`}`
`@@ -222,9 +222,12 @@ section,`
`222`	`222`	`.text-h2,`
`223`	`223`	`h3,`
`224`	`224`	`text-h3 {`
`225`		`- scroll-margin-top: var(--gutter-md);`
`226`		`- @media (min-width: $breakpoint-tablet) {`
`227`		`- scroll-margin-top: 0;`
	`225`	`+ &,`
	`226`	`+ & > * {`
	`227`	`+ scroll-margin-top: var(--gutter-md);`
	`228`	`+ @media (min-width: $breakpoint-tablet) {`
	`229`	`+ scroll-margin-top: var(--gutter-sm);`
	`230`	`+ }`
`228`	`231`	`}`
`229`	`232`	`}`
`230`	`233`	`}`