Add Infima important override

slorber · slorber · commit da9123871164 · 2025-05-23T12:39:30.000+02:00
diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
@@ -223,8 +223,14 @@ html[data-theme="dark"] {
   }
 }
 
-main[class^="docMainContainer"] > .container {
-  padding-top: 2rem !important;
+/*
+Layer needed to override utility rules using !important in the Infima layer
+See also https://css-tricks.com/css-cascade-layers/#aa-important-layers
+*/
+@layer docusaurus.infima.importantOverrides {
+  main[class^="docMainContainer"] > .container {
+    padding-top: 2rem !important;
+  }
 }
 
 div[class^="generatedIndexPage"] {

Original file line number	Diff line number	Diff line change
`@@ -223,8 +223,14 @@ html[data-theme="dark"] {`
`223`	`223`	`}`
`224`	`224`	`}`
`225`	`225`
`226`		`-main[class^="docMainContainer"] > .container {`
`227`		`- padding-top: 2rem !important;`
	`226`	`+/*`
	`227`	`+Layer needed to override utility rules using !important in the Infima layer`
	`228`	`+See also https://css-tricks.com/css-cascade-layers/#aa-important-layers`
	`229`	`+*/`
	`230`	`+@layer docusaurus.infima.importantOverrides {`
	`231`	`+ main[class^="docMainContainer"] > .container {`
	`232`	`+ padding-top: 2rem !important;`
	`233`	`+ }`
`228`	`234`	`}`
`229`	`235`
`230`	`236`	`div[class^="generatedIndexPage"] {`