From f235da05fd32e03dabb1dabc4cb436c58537217f Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 4 Sep 2016 22:04:58 -0700
Subject: [PATCH] flip the columns, tweak some of the styles
---
docs/_layouts/docs.html | 4 ++--
docs/assets/scss/_anchor.scss | 4 ++++
docs/assets/scss/_content.scss | 15 ++++++++++++++-
docs/assets/scss/_sidebar.scss | 10 ++++------
4 files changed, 24 insertions(+), 9 deletions(-)
diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index 6e8cddf212..fb571d22a2 100644
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -21,10 +21,10 @@
<div class="container">
<div class="row">
- <div class="col-xs-12 col-md-3 push-md-9 bd-sidebar">
+ <div class="col-xs-12 col-md-3 bd-sidebar">
{% include nav-docs.html %}
</div>
- <div class="col-xs-12 col-md-9 pull-md-3 bd-content">
+ <div class="col-xs-12 col-md-9 bd-content">
<h1 class="bd-title" id="content">{{ page.title }}</h1>
{{ content }}
</div>
diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss
index 399da9b7b1..5b4edf04d8 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 28f4cd4422..901e9843ed 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 7b9edefea9..ba7d344391 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 {
--
GitLab