Merge pull request #193 from 10up/fix/main-container-css

fabiankaegy · web-flow · commit ce40ac69f90f · 2026-04-08T14:46:33.000+02:00
Adjust main container margins and max-width
diff --git a/src/css/docs-content.css b/src/css/docs-content.css
@@ -8,6 +8,3 @@
 	background-color: #fff; /* Keep white so pngs get bg in dark mode. */
 }
 
-main > .container {
-	margin-bottom: 4rem;
-}
diff --git a/src/css/global-site.css b/src/css/global-site.css
@@ -24,7 +24,13 @@ html[data-theme="dark"] .theme-announcement-bar {
 }
 
 main > .container {
-  margin-top: 4rem;
+  max-width: none;
+}
+
+@media (min-width: 1440px) {
+  main > .container {
+    max-width: var(--ifm-container-width-xl);
+  }
 }
 
 .theme-doc-markdown iframe {

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,3 @@`
`8`	`8`	`background-color: #fff; /* Keep white so pngs get bg in dark mode. */`
`9`	`9`	`}`
`10`	`10`
`11`		`-main > .container {`
`12`		`- margin-bottom: 4rem;`
`13`		`-}`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,13 @@ html[data-theme="dark"] .theme-announcement-bar {`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`main > .container {`
`27`		`- margin-top: 4rem;`
	`27`	`+ max-width: none;`
	`28`	`+}`
	`29`	`+`
	`30`	`+@media (min-width: 1440px) {`
	`31`	`+ main > .container {`
	`32`	`+ max-width: var(--ifm-container-width-xl);`
	`33`	`+ }`
`28`	`34`	`}`
`29`	`35`
`30`	`36`	`.theme-doc-markdown iframe {`