fix: readable max width style (#343)

rortan134 · web-flow · commit c4e4741fbcc5 · 2024-08-19T22:12:42.000-07:00
diff --git a/src/theme/DocItem/Layout/styles.module.css b/src/theme/DocItem/Layout/styles.module.css
@@ -5,6 +5,8 @@
 
 @media (min-width: 997px) {
   .docItemCol {
-    max-width: 75% !important;
+      --readableMaxWidth: calc(calc(1080px*0.25)*3);
+      max-width: var(--readableMaxWidth) !important;
+      margin: 0 auto;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,8 @@`
`5`	`5`
`6`	`6`	`@media (min-width: 997px) {`
`7`	`7`	`.docItemCol {`
`8`		`- max-width: 75% !important;`
	`8`	`+ --readableMaxWidth: calc(calc(1080px0.25)3);`
	`9`	`+ max-width: var(--readableMaxWidth) !important;`
	`10`	`+ margin: 0 auto;`
`9`	`11`	`}`
`10`	`12`	`}`