fix: clear top margin for nested list recursively (#280)

* fix: clear top margin for nested list children * chore: run `npm run build:css`
imfing · Feb 6, 2024 · 716af59 · 716af59
1 parent 7191e25
commit 716af59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
@@ -1702,9 +1702,9 @@ video {
   margin-bottom: 0.5rem;
 }
 /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list 
-     inside the first list item (li) of any parent ul or ol. 
+     inside the list item (li) of any parent ul or ol. 
      The rule sets the top margin of the selected list to zero. */
-.content :where(ul, ol) > li:first-child > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
+.content :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
   margin-top: 0px;
 }
 .content :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
@@ -1804,6 +1804,7 @@ article details > summary::before {
     height: 1.2em;
     width: 1.2em;
     vertical-align: -4px;
+    padding: 0 0.6em;
   }
 /* Code syntax highlight */
 /* Light theme for syntax highlight */

diff --git a/assets/css/typography.css b/assets/css/typography.css
@@ -58,9 +58,9 @@
     }
   }
   /* This CSS rule targets the first nested unordered (ul) or ordered (ol) list 
-     inside the first list item (li) of any parent ul or ol. 
+     inside the list item (li) of any parent ul or ol. 
      The rule sets the top margin of the selected list to zero. */
-  :where(ul, ol) > li:first-child > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
+  :where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
     @apply mt-0;
   }
   :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {