temp/explainer: Move 'on this page' to right, etc.

w3c · Jun 11, 2021 · 6d8f862 · 6d8f862
1 parent 64c3728
commit 6d8f862
Show file tree

Hide file tree

Showing 2 changed files with 122 additions and 486 deletions.
diff --git a/temp/explainer-data/core.css b/temp/explainer-data/core.css
@@ -2365,7 +2365,7 @@ To avoid making the content narrower than intended, we add an exception
 to our global box-sizing rule.
  */
 main,
-#main {
+#main, #gridWrapper {
   box-sizing: content-box;
   margin-left: auto;
   margin-right: auto;
@@ -2486,9 +2486,6 @@ main,
     .toc + * {
       margin-top: 5rem; } }
 
-.toc h2 {
-  font-size: 1rem;
-  font-weight: normal; }
 
 [dir="ltr"] .toc ul {
   border-left: solid 3px #f9c818;
@@ -3667,6 +3664,30 @@ dl.family-series-list dt:nth-of-type(2)::before {
 .default .content {
   max-width: 47rem; }
 
+
+@media screen and (min-width: 64em) {
+  #newGridWrapper {
+  display: grid;
+  grid: 
+	"top    .      side "
+	"main   .      side "
+	"more   .      side "
+	/ 3fr   2em    1fr ;
+    }
+ #colgrid {
+     display: grid;
+     grid: 
+     "toc"
+     "."
+     "related"
+     }
+    #colgrid { side }
+    #toc {grid-area: toc}
+    #related {grid-area: related}
+    #title {grid-area: top}
+    #maintext {grid-area: main}
+    }
+
 @supports (grid-column-gap: 8%) {
   .default .content {
     max-width: none; }