Center content

maxmind · Oct 9, 2024 · 3fe2bc8 · 3fe2bc8
1 parent 92b555f
commit 3fe2bc8
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 11 deletions.
diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss
@@ -50,8 +50,8 @@ $page-header-height: 80px;
   grid-template-columns: max-content 1fr;
   grid-template-rows: auto;
   height: calc(var(--page-header-height) - 10px);
-  margin: 0 auto;
-  max-width: 800px;
+  margin: auto;
+  max-width: var(--mm-max-content-width);
   padding: 0 var(--mm-spacing);
 }
 
@@ -147,12 +147,6 @@ $page-header-height: 80px;
 
 @include variables.breakpoint('md') {
   .nav {
-    margin: auto;
-  }
-}
-
-@include variables.breakpoint('xl') {
-  .nav {
-    padding: 0 var(--mm-spacing) 0;
+    padding: 0 calc(var(--mm-spacing) / 2);
   }
 }
diff --git a/assets/scss/_page.scss b/assets/scss/_page.scss
@@ -1,6 +1,9 @@
 .page__wrapper {
   display: flex;
   height: 100%;
+  margin: auto;
+  max-width: var(--mm-max-content-width);
+  width: 100%;
 }
 
 .page__content {

diff --git a/assets/scss/_search.scss b/assets/scss/_search.scss
@@ -19,11 +19,11 @@
   display: inline-block;
   left: calc(50% - 20px);
   margin: 0 calc(var(--mm-spacing) / 2);
-  max-width: calc(var(--mm-max-width) - 80px);
+  max-width: calc(var(--mm-max-content-width) - var(--mm-spacing) );
   position: absolute;
   top: calc(50% + 5px);
   transform: translate(-50%, -50%);
-  width: calc(100% - (2 * var(--mm-spacing)));
+  width: calc(100% - (var(--mm-spacing)));
   z-index: 100;
 }
 

diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
@@ -52,6 +52,7 @@ $containers: (
   --mm-layout-toc-width: 290px;
   --mm-layout-sidebar-width: 350px;
   --mm-max-width: 880px;
+  --mm-max-content-width: 1200px;
   --mm-outline: 2px solid var(--mm-color-logo-blue-light);
   --mm-overview-heading-drop-shadow: 1px 3px 0 rgba(0, 0, 0, 0.25);
   --mm-spacing: 40px;