fix: add metadata grid section

Add section for metadata row to grid Rename `reference-page` to `document-page` Add style for `no-sidebar` fix #335
mdn · Dec 7, 2020 · 07099c3 · 07099c3
1 parent 56e3beb
commit 07099c3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/sass/grid/_reference.scss → sass/grid/_document.scss b/sass/grid/_reference.scss → sass/grid/_document.scss
@@ -8,11 +8,12 @@
     }
   }
 
-  .reference-page {
+  .document-page {
     .page-header,
     .titlebar-container,
     .breadcrumbs-locale-container,
     .page-content-container,
+    .metadata,
     .page-footer {
       grid-column: 1/2;
 
@@ -51,10 +52,14 @@
       grid-template-columns: 100%;
     }
 
-    .page-footer {
+    .metadata {
       grid-row: 6/7;
     }
 
+    .page-footer {
+      grid-row: 7/8;
+    }
+
     @media #{$mq-large-desktop-and-up} {
       .titlebar-container {
         grid-row: 2/3;
@@ -71,11 +76,20 @@
         margin: 0 auto;
         max-width: $max-width-default;
         width: 100%;
+
+        &.no-sidebar {
+          grid-template-columns: 100%;
+          grid-template-rows: 1fr;
+        }
       }
 
-      .page-footer {
+      .metadata {
         grid-row: 5/6;
       }
+
+      .page-footer {
+        grid-row: 6/7;
+      }
     }
 
     /* The toc, sidebar, and main elements are

diff --git a/sass/mdn-minimalist.scss b/sass/mdn-minimalist.scss
@@ -32,5 +32,5 @@
 
 @import "./utils/utils";
 
-@import "./grid/reference";
+@import "./grid/document";
 @import "./grid/standard";