add generic page header component, person section component with headings, ++

2024-05-12 20:53:34 +02:00
parent bf2008c7be
commit 022ed8c143
9 changed files with 114 additions and 27 deletions
--- a/web/src/components/people/personSection.module.scss
+++ b/web/src/components/people/personSection.module.scss
@ -0,0 +1,17 @@
+.personSection {
+  background: var(--color-background-secondary);
+  margin: calc(var(--spacing-sitepadding)*2) calc(var(--spacing-sitepadding)*-1);
+  padding: var(--spacing-sitepadding);
+
+  +.personSection {
+    margin-top: calc(var(--spacing-sitepadding)*-2);
+  }
+
+  &:nth-of-type(even) {
+    background: var(--color-background);
+  }
+}
+
+.heading {
+  margin: 2rem 0;
+}