From 5b66579e4de3983bffaa73c730f9221d4a7b0d5e Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 27 May 2017 18:24:00 -0700
Subject: make it big screen friendly

---
 docs/assets/scss/_content.scss | 7 +++++++
 docs/assets/scss/_sidebar.scss | 1 +
 2 files changed, 8 insertions(+)

(limited to 'docs/assets')

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 086efbe14..4a30d74d4 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -6,6 +6,7 @@
 
 .bd-content {
   @include media-breakpoint-up(xl) {
+    max-width: calc(100% - 320px);
     padding-right: 20%;
 
     #contents {
@@ -24,6 +25,12 @@
     }
   }
 
+  @media (min-width: 2000px) {
+    #markdown-toc {
+      padding-left: 6rem;
+    }
+  }
+
   // Hack the sticky header
   h2[id],
   h3[id] {
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 4ac556f8a..c5462e6cb 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -12,6 +12,7 @@
   @include media-breakpoint-up(md) {
     position: sticky;
     top: 4rem;
+    max-width: 320px;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
-- 
cgit v1.2.3