diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html index 6e8cddf21..fb571d22a 100644 --- a/docs/_layouts/docs.html +++ b/docs/_layouts/docs.html @@ -21,10 +21,10 @@
-
+
{% include nav-docs.html %}
-
+

{{ page.title }}

{{ content }}
diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss index 399da9b7b..5b4edf04d 100644 --- a/docs/assets/scss/_anchor.scss +++ b/docs/assets/scss/_anchor.scss @@ -1,4 +1,8 @@ +// scss-lint:disable ImportantRule + .anchorjs-link { + padding-right: .25em !important; + margin-left: -.75em !important; color: inherit; } diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss index 28f4cd442..901e9843e 100644 --- a/docs/assets/scss/_content.scss +++ b/docs/assets/scss/_content.scss @@ -54,14 +54,27 @@ > ol li { margin-bottom: .25rem; } + + @include media-breakpoint-up(sm) { + > ul, + > ol, + > p { + max-width: 80%; + } + } } .bd-title { + margin-bottom: 2rem; + font-weight: 300; + @include media-breakpoint-up(sm) { font-size: 3rem; + p { - font-size: 1.25rem; + max-width: 80%; + margin-bottom: 2rem; + font-size: 1.5rem; font-weight: 300; } } diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss index 7b9edefea..ba7d34439 100644 --- a/docs/assets/scss/_sidebar.scss +++ b/docs/assets/scss/_sidebar.scss @@ -2,12 +2,6 @@ // Side navigation // -.bd-sidebar { - @include media-breakpoint-up(md) { - padding-left: 1rem; - } -} - .bd-search { position: relative; margin-bottom: 1.5rem; @@ -22,6 +16,10 @@ background-color: #fff; } } + + @include media-breakpoint-up(md) { + padding-right: 1rem; + } } .bd-search-results {