position the markdown toc on the right for larger screens

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 335bfba071cf3c7b46118ea4254c763b77a2dd0a..5af79c689848a8aa4f1af7f499077885a9ea17f3 100644 (file)
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -5,6 +5,25 @@
 //
 
 .bd-content {
+  @include media-breakpoint-up(xl) {
+    padding-right: 20%;
+
+    #contents {
+      display: none;
+    }
+    #markdown-toc {
+      position: fixed;
+      top: 5rem;
+      right: 0;
+      width: 20%;
+      max-height: calc(100vh - 8rem);
+      padding-right: 1.5rem;
+      padding-left: 3rem;
+      overflow-y: auto;
+      font-size: .85rem;
+    }
+  }
+
   > table {
     width: 100%;
     max-width: 100%;