diff options
| author | Mark Otto <[email protected]> | 2016-09-04 22:04:58 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-09-04 22:04:58 -0700 |
| commit | f235da05fd32e03dabb1dabc4cb436c58537217f (patch) | |
| tree | 36f7489bf02b3b6083f534ecf9ec5098df214711 | |
| parent | 75232e6720765fc302c3219477ab224c313bd1d8 (diff) | |
| download | bootstrap-f235da05fd32e03dabb1dabc4cb436c58537217f.tar.xz bootstrap-f235da05fd32e03dabb1dabc4cb436c58537217f.zip | |
flip the columns, tweak some of the styles
| -rw-r--r-- | docs/_layouts/docs.html | 4 | ||||
| -rw-r--r-- | docs/assets/scss/_anchor.scss | 4 | ||||
| -rw-r--r-- | docs/assets/scss/_content.scss | 15 | ||||
| -rw-r--r-- | 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 6e8cddf21..fb571d22a 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 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 { |