Merge pull request #189 from couchbase/DOC-12578-Scrunched-up-title-on-admonition-block

RayOffiah · web-flow · commit ca270a1a206a · 2024-09-30T15:49:57.000+01:00
diff --git a/src/css/doc.css b/src/css/doc.css
@@ -342,6 +342,7 @@ ul ul ul {
 .doc .admonitionblock td.content > .title {
   display: inline;
   font-style: italic;
+  margin-left: var(--admonition-icon-text-space);
 }
 
 .doc .admonitionblock td.content > .title::after {
diff --git a/src/css/vars.css b/src/css/vars.css
@@ -140,6 +140,7 @@
   --column-space: 2.5rem; /* ~ 40px */
   --admonition-icon-space: 1rem; /* ~ 16px */
   --admonition-content-space: 1rem; /* ~ 16px */
+  --admonition-icon-text-space: 0.1rem; /* ~ 1.6px */
 
   /* Heading fonts for responsive */
   --heading-h1-sm: 2.25rem; /* ~36px */

Original file line number	Diff line number	Diff line change
`@@ -342,6 +342,7 @@ ul ul ul {`
`342`	`342`	`.doc .admonitionblock td.content > .title {`
`343`	`343`	`display: inline;`
`344`	`344`	`font-style: italic;`
	`345`	`+ margin-left: var(--admonition-icon-text-space);`
`345`	`346`	`}`
`346`	`347`
`347`	`348`	`.doc .admonitionblock td.content > .title::after {`