Fix: Column callout 1st-child margin-top should ignore callouts

MasssiveJuice08 · MasssiveJuice08 · commit 88213845e4ea · 2024-09-25T14:35:46.000+12:00
Column callout applies a margin-top of 16px to the first child in the column, so that the vertical align of column items is consistent. However, this should not be applied to nested callouts. Added `:first-child:not(.callout)` selector.
diff --git a/quartz/styles/custom/column-callout.scss b/quartz/styles/custom/column-callout.scss
@@ -104,7 +104,7 @@
   }
   
   
-  .callout[data-callout*=column]>.callout-content>:first-child {
+  .callout[data-callout*=column]>.callout-content>:first-child:not(.callout) {
     margin-top: 16;
-    /* First-child needs a margin-top of 16 to match the margin-top of other grid items - except codeblocks */
+    /* First-child needs a margin-top of 16 to match the margin-top of other grid items - except codeblocks and nested callouts */
   }

Original file line number	Diff line number	Diff line change
`@@ -104,7 +104,7 @@`
`104`	`104`	`}`
`105`	`105`
`106`	`106`
`107`		`- .callout[data-callout*=column]>.callout-content>:first-child {`
	`107`	`+ .callout[data-callout*=column]>.callout-content>:first-child:not(.callout) {`
`108`	`108`	`margin-top: 16;`
`109`		`- /* First-child needs a margin-top of 16 to match the margin-top of other grid items - except codeblocks */`
	`109`	`+ /* First-child needs a margin-top of 16 to match the margin-top of other grid items - except codeblocks and nested callouts */`
`110`	`110`	`}`