use details summary for FAQ

Author: markgoho

hugo/assets/scss/base.scss

@@ -3,6 +3,10 @@
   https://andy-bell.co.uk/a-more-modern-css-reset/
 */
 
+:root {
+  interpolate-size: allow-keywords;
+}
+
 /* Box sizing rules */
 *,
 *::before,
@@ -41,8 +45,8 @@ ol[role="list"] {
 body {
   min-height: 100vh;
   line-height: 1.5;
-  margin: 0;
-  padding: 0;
+  -webkit-font-smoothing: antialiased;
+  font-family: "Geologica", sans-serif;
 }
 
 /* Set shorter line heights on headings and interactive elements */

hugo/layouts/partials/about-doulas/faq.html

@@ -1,18 +1,80 @@
-<section>
+<section class="faq">
   <h2>Frequently Asked Questions</h2>
-  <ul>
-    <li>Birth Doulas - What is included with their support?</li>
-    <li>Birth Doulas - What is included with their support?</li>
-    <li>Postpartum Doulas - What do they do and what are their benefits?</li>
-    <li>Postpartum Doulas - What is included with their support?</li>
-    <li>Who typically hires a doula?</li>
-    <li>Where do doulas attend births?</li>
-    <li>
+  <details>
+    <summary>Birth Doulas - What is included with their support?</summary>
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
+      tempor incididunt ut labore et dolore magna aliqua.
+    </p>
+  </details>
+  <details>
+    <summary>
+      Postpartum Doulas - What do they do and what are their benefits?
+    </summary>
+    <p>
+      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+      aliquip ex ea commodo consequat.
+    </p>
+  </details>
+  <details>
+    <summary>Postpartum Doulas - What is included with their support?</summary>
+    <p>
+      Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
+      dolore eu fugiat nulla pariatur.
+    </p>
+  </details>
+  <details>
+    <summary>Who typically hires a doula?</summary>
+    <p>
+      Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+      deserunt mollit anim id est laborum.
+    </p>
+  </details>
+  <details>
+    <summary>Where do doulas attend births?</summary>
+    <p>
+      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
+      doloremque laudantium.
+    </p>
+  </details>
+  <details>
+    <summary>
       Will the doula take the place of my spouse, partner or family member?
-    </li>
-    <li>How do medical providers and doulas work together?</li>
-    <li>What other support services can a doula offer?</li>
-    <li>Is there a difference between a midwife and a doula?</li>
-    <li>How much does doula support cost and why?</li>
-  </ul>
+    </summary>
+    <p>
+      Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
+      fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
+      sequi nesciunt.
+    </p>
+  </details>
+  <details>
+    <summary>How do medical providers and doulas work together?</summary>
+    <p>
+      Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
+      consectetur, adipisci velit.
+    </p>
+  </details>
+  <details>
+    <summary>What other support services can a doula offer?</summary>
+    <p>
+      Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+      nihil molestiae consequatur.
+    </p>
+  </details>
+  <details>
+    <summary>Is there a difference between a midwife and a doula?</summary>
+    <p>
+      At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
+      praesentium voluptatum deleniti atque corrupti quos dolores et quas
+      molestias excepturi.
+    </p>
+  </details>
+  <details>
+    <summary>How much does doula support cost and why?</summary>
+    <p>
+      Et harum quidem rerum facilis est et expedita distinctio. Nam libero
+      tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo
+      minus id quod maxime placeat facere possimus.
+    </p>
+  </details>
 </section>