chore: Fix FAQ accordion styling to follow SDS

chanzuckerberg · Jan 17, 2025 · afae8e8 · afae8e8
1 parent ee5edbf
commit afae8e8
Showing 1 changed file with 23 additions and 16 deletions.
diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
@@ -314,14 +314,21 @@ dl.class > dd > dl:nth-child(27) {
 
 .czi-faq.admonition > summary.admonition-title {
   background-color: var(--md-default-bg-color);
-  padding-left: 14px;
+  padding-left: 14px !important;
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+  font-weight: 600;
 }
 
 .czi-faq.admonition > summary.admonition-title::before {
   content: none;
   margin-right: 10px;
 }
 
+.czi-faq.admonition > summary.admonition-title::after {
+  background-color: #6C6C6C;
+}
+
 .md-typeset .admonition, .md-typeset details {
   border-radius: 0;
   box-shadow: none;
@@ -381,21 +388,21 @@ div.czi-warning.admonition {
 
 [data-md-color-scheme="slate"] {
   div.czi-info.admonition,
-    div.czi-warning.admonition {
-      color: white !important;
-    }
-  
-    .md-typeset .czi-info>.admonition-title,
-    .md-typeset .admonition.czi-info {
-      background-color: rgb(15, 29, 74); /* dark blue */
-      border-color: rgb(15, 29, 74) !important;
-    }
-  
-    .md-typeset .czi-warning>.admonition-title,
-    .md-typeset .admonition.czi-warning {
-      background-color: rgb(54, 27, 7); /* dark brown */
-      border-color: rgb(54, 27, 7) !important;
-    }
+  div.czi-warning.admonition {
+    color: white !important;
+  }
+
+  .md-typeset .czi-info>.admonition-title,
+  .md-typeset .admonition.czi-info {
+    background-color: rgb(15, 29, 74); /* dark blue */
+    border-color: rgb(15, 29, 74) !important;
+  }
+
+  .md-typeset .czi-warning>.admonition-title,
+  .md-typeset .admonition.czi-warning {
+    background-color: rgb(54, 27, 7); /* dark brown */
+    border-color: rgb(54, 27, 7) !important;
+  }
 }
 
 .md-typeset .czi-info.admonition>p:not(.admonition-title),