Test-run for side-by-side ToC by applying to CSSWG specs

Author: fantasai

default.css

@@ -10,6 +10,40 @@
 		line-height: 1.5;
 	}
 
+/** Test-run Side-by-side ToC **/
+
+
+	@media screen and (min-width: 60em) {
+		[role=navigation]#toc,
+		[data-fill-with="table-of-contents"][role=navigation] {
+			position: fixed;
+			top: 0; bottom: 0;
+			left: 26px;
+			width: 30%;
+			overflow: auto;
+			padding: 0 1em;
+			background: white;
+			box-shadow: 3px 0 3px;
+		}
+		body {
+			padding-left: 40% !important;
+			padding-left: calc(26px + 4em + 30%) !important;
+		}
+		[role=navigation]#toc h2 {
+			margin-top: 1rem;
+		}
+	}
+	@media screen and (min-width: 80em) {
+		[role=navigation]#toc,
+		[data-fill-with="table-of-contents"][role=navigation] {
+			width: 25.5em;
+		}
+		body {
+			padding-left: 31em !important;
+			padding-left: calc(26px + 29.5em) !important;
+		}
+	}
+
 /******************************************************************************/
 /*                                Sectioning                                  */
 /******************************************************************************/