Callout: Fix side callout margin

nginx-jack · nginx-jack · commit 2051051eb70c · 2025-09-04T15:49:23.000+01:00
diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
@@ -2022,6 +2022,11 @@ blockquote {
   .callout-content {
     margin: 0;
   }
+
+  /* To help them align with text, side callouts should not have top margin*/
+  &[data-grid="last-third"] {
+    --margin-callout: 0 0 0 1rem;
+  }
 }
 
 blockquote.note {
@@ -2395,6 +2400,10 @@ ul .code-block {
 
 .banner {
   margin-block-start: 1rem;
+
+  blockquote {
+    margin-left: 0rem;
+  }
 }
 
 /* MARK: Images

Original file line number	Diff line number	Diff line change
`@@ -2022,6 +2022,11 @@ blockquote {`
`2022`	`2022`	`.callout-content {`
`2023`	`2023`	`margin: 0;`
`2024`	`2024`	`}`
	`2025`	`+`
	`2026`	`+ /* To help them align with text, side callouts should not have top margin*/`
	`2027`	`+ &[data-grid="last-third"] {`
	`2028`	`+ --margin-callout: 0 0 0 1rem;`
	`2029`	`+ }`
`2025`	`2030`	`}`
`2026`	`2031`
`2027`	`2032`	`blockquote.note {`
`@@ -2395,6 +2400,10 @@ ul .code-block {`
`2395`	`2400`
`2396`	`2401`	`.banner {`
`2397`	`2402`	`margin-block-start: 1rem;`
	`2403`	`+`
	`2404`	`+ blockquote {`
	`2405`	`+ margin-left: 0rem;`
	`2406`	`+ }`
`2398`	`2407`	`}`
`2399`	`2408`
`2400`	`2409`	`/* MARK: Images`