Jake Vanderwerf
5 days ago 266aa37c48222993bf7bdad6834e31bd08736f5e
src/faq/style.scss
@@ -1,9 +1,10 @@
nav#faq {
   --height: fit-content;
   height: max-content;
   display: block;
   background-color: var(--base-100);
   border-radius: var(--outerRadius);
   background-color: rgb(var(--base-100));
   border-radius: var(--radius-outer);
   padding: 1.5rem;
   touch-action: auto;
   ol {
      list-style: decimal-leading-zero;
      height: fit-content;
@@ -11,17 +12,18 @@
      counter-reset: faq;
      li {
         counter-increment: faq;
         width: max-content;
         &::before {
            content: counter(faq);
            display: block;
            font-family: var(--heading);
            font-weight: var(--hBold);
            font-weight: var(--fw-h-bold);
         }
      }
   }
   h2 {
      left: 0;
      font-size: var(--large);
      font-size: var(--txt-large);
      margin: .5rem 0 .5rem;
   }
   a {
@@ -34,7 +36,7 @@
   max-width: none;
   width: 100%;
   > * {
      max-width: var(--alignWide);
      max-width: var(--wide);
      margin: 1rem auto;
   }
   h2 {
@@ -45,17 +47,17 @@
      text-transform: none;
   }
   :target {
      background-color: var(--base);
      background-color: rgb(var(--base));
      outline: none;
      h2 {
         background-color: var(--base);
         background-color: rgb(var(--base));
         padding: 1rem 1.5rem;
         border-radius: var(--outerRadius);
         border-radius: var(--radius-outer);
      }
   }
   details {
      max-width: var(--maxWidth);
      max-width: var(--content);
      margin: 1rem auto;
      padding: .75rem;
   }
@@ -64,7 +66,7 @@
   }
   details .button {
      height: fit-content;
      display: block;
      display: flex;
      margin-left: auto;
   }
}