css: reduce margin on blockquotes site-wide

palkerecsenyi · zzacharo · commit 7b3c6e843ec9 · 2025-12-04T13:45:21.000+01:00
* Blockquotes currently have a large amount of margin, and this looks
especially weird when nesting them.

* They look more normal if they have a bit less margin and none at all
when they are nested. Also, making their text muted-coloured makes it
feel more natural too
diff --git a/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/globals/site.overrides b/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/globals/site.overrides
@@ -650,10 +650,16 @@ code {
     white-space: pre-wrap;
   }
 }
-blockquote{
-  border-left: 4px solid @lightGray;
-  margin-left: 1.5rem;
+
+blockquote {
+  margin-left: 0.5rem;
   padding-left: 1rem;
+  color: @mutedTextColor;
+  border-left: 4px solid @lightGray;
+
+  & > blockquote {
+    margin-left: 0;
+  }
 }
 
 .font-weight-normal {

Original file line number	Diff line number	Diff line change
`@@ -650,10 +650,16 @@ code {`
`650`	`650`	`white-space: pre-wrap;`
`651`	`651`	`}`
`652`	`652`	`}`
`653`		`-blockquote{`
`654`		`- border-left: 4px solid @lightGray;`
`655`		`- margin-left: 1.5rem;`
	`653`	`+`
	`654`	`+blockquote {`
	`655`	`+ margin-left: 0.5rem;`
`656`	`656`	`padding-left: 1rem;`
	`657`	`+ color: @mutedTextColor;`
	`658`	`+ border-left: 4px solid @lightGray;`
	`659`	`+`
	`660`	`+ & > blockquote {`
	`661`	`+ margin-left: 0;`
	`662`	`+ }`
`657`	`663`	`}`
`658`	`664`
`659`	`665`	`.font-weight-normal {`