Merge pull request #388 from nginxinc/fix-side-callout-margin-sorry-dani

danielledeleo · web-flow · commit 32b9639aef8e · 2025-09-04T12:38:51.000-04:00
Callout: Fix side callout margin
diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
@@ -2024,6 +2024,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 {
@@ -2397,6 +2402,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
`@@ -2024,6 +2024,11 @@ blockquote {`
`2024`	`2024`	`.callout-content {`
`2025`	`2025`	`margin: 0;`
`2026`	`2026`	`}`
	`2027`	`+`
	`2028`	`+ /* To help them align with text, side callouts should not have top margin*/`
	`2029`	`+ &[data-grid="last-third"] {`
	`2030`	`+ --margin-callout: 0 0 0 1rem;`
	`2031`	`+ }`
`2027`	`2032`	`}`
`2028`	`2033`
`2029`	`2034`	`blockquote.note {`
`@@ -2397,6 +2402,10 @@ ul .code-block {`
`2397`	`2402`
`2398`	`2403`	`.banner {`
`2399`	`2404`	`margin-block-start: 1rem;`
	`2405`	`+`
	`2406`	`+ blockquote {`
	`2407`	`+ margin-left: 0rem;`
	`2408`	`+ }`
`2400`	`2409`	`}`
`2401`	`2410`
`2402`	`2411`	`/* MARK: Images`