From f6b7c38c9b62bbd3b6a7d862bd038088df5ddaf4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 May 2017 18:47:45 -0700 Subject: [PATCH] finesse the docs layout --- docs/assets/scss/_content.scss | 4 ++-- docs/assets/scss/_sidebar.scss | 5 ++++- 2 files changed, 6 insertions(+), 3 deletions(-) diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss index 4a30d74d45..c8749c1d42 100644 --- a/docs/assets/scss/_content.scss +++ b/docs/assets/scss/_content.scss @@ -6,7 +6,7 @@ .bd-content { @include media-breakpoint-up(xl) { - max-width: calc(100% - 320px); + flex: 1; padding-right: 20%; #contents { @@ -99,7 +99,7 @@ margin-bottom: .25rem; } - @include media-breakpoint-up(sm) { + @include media-breakpoint-up(lg) { > ul, > ol, > p { diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss index f1a454f539..056efd805a 100644 --- a/docs/assets/scss/_sidebar.scss +++ b/docs/assets/scss/_sidebar.scss @@ -11,10 +11,13 @@ @include media-breakpoint-up(md) { position: sticky; top: 4rem; - max-width: 320px; max-height: calc(100vh - 4rem); overflow-y: auto; } + + @include media-breakpoint-up(xl) { + max-width: 320px; + } } .bd-links { -- 2.47.2