docs(style): fix display of nested `<ul><li>` (#34223)

diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
index cc22ffe110590d2e78902fa0d1346cbe7056a8a5..f2b5cfc5448c9810358244e19f66bd7add90bdf5 100644 (file)
--- a/site/assets/scss/_content.scss
+++ b/site/assets/scss/_content.scss
@@ -22,12 +22,12 @@
   > ol li {
     margin-bottom: .25rem;
 
-    // stylelint-disable selector-max-type
-    > ul {
+    // stylelint-disable selector-max-type, selector-max-compound-selectors
+    > p ~ ul {
       margin-top: -.5rem;
       margin-bottom: 1rem;
     }
-    // stylelint-enable selector-max-type
+    // stylelint-enable selector-max-type, selector-max-compound-selectors
   }
 
   // Override Bootstrap defaults