move ToC to the left if viewport >110em

depends on: Raku/Pod-To-HTML@0bf23d3
Raku · Jul 8, 2016 · f577b11 · f577b11
1 parent e3efa24
commit f577b11
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 0 deletions.
diff --git a/assets/sass/style.scss b/assets/sass/style.scss
@@ -350,6 +350,36 @@ td, th {
     }
 }
 
+@media (min-width: 110em) {
+    /* #content:has(#TOC) {*/
+    #content {
+        max-width: none;
+        min-width: 60em;
+        width: 60em;
+        // overflow: visible;
+        // margin-left: 0em;
+        display: table;
+
+    }
+    div.pod-body {
+        min-width: 60em;
+        max-width: 60em;
+        margin-left: 22em;
+    }
+
+    div.pod-body.no-toc {
+        margin-left: 0em;
+    }
+
+    nav.indexgroup {
+        float: left;
+    }
+
+    table#TOC {
+        max-width: 20em;
+    }
+}
+
 .title-anchor {
     visibility: hidden;
     color: #333;

diff --git a/html/css/style.css b/html/css/style.css
@@ -289,6 +289,24 @@ td, th {
   #content h1 {
     padding-top: 0.25em; }
 
+@media (min-width: 110em) {
+  /* #content:has(#TOC) {*/
+  #content {
+    max-width: none;
+    min-width: 60em;
+    width: 60em;
+    display: table; }
+  div.pod-body {
+    min-width: 60em;
+    max-width: 60em;
+    margin-left: 22em; }
+  div.pod-body.no-toc {
+    margin-left: 0em; }
+  nav.indexgroup {
+    float: left; }
+  table#TOC {
+    max-width: 20em; } }
+
 .title-anchor {
   visibility: hidden;
   color: #333;