{% if site.heading_anchors != false %}
{% include vendor/anchor_headings.html html=content beforeHeading = "true" anchorBody="" anchorClass="anchor-heading" %}
{% else %}
diff --git a/_sass/content.scss b/_sass/content.scss
index 0ed47fc..f771939 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -5,7 +5,7 @@
//
// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
-.page-content {
+.main-content {
line-height: $content-line-height;
a {
diff --git a/_sass/layout.scss b/_sass/layout.scss
index 4c214ea..589f021 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -37,7 +37,7 @@
}
}
-.main-content-wrap {
+.main-wrap {
@include mq(md) {
position: absolute;
top: 0;
@@ -48,9 +48,13 @@
overflow-x: hidden;
overflow-y: scroll;
}
+
+ &:focus {
+ outline: none;
+ }
}
-.main-content {
+.main {
@include mq(md) {
position: relative;
max-width: $content-width;
@@ -62,11 +66,7 @@
}
}
-.js-main-content:focus {
- outline: none;
-}
-
-.page {
+.main-content-wrap {
@include container;
padding-top: $gutter-spacing-sm;
padding-bottom: $gutter-spacing-sm;
@@ -77,7 +77,7 @@
}
}
-.page-header {
+.main-header {
@include container;
display: none;
padding-top: $gutter-spacing-sm;
@@ -101,7 +101,7 @@
}
}
-.navigation,
+.site-nav,
.site-header,
.site-footer {
@@ -112,7 +112,7 @@
}
}
-.navigation {
+.site-nav {
@include container;
@include mq(md) {
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index c774904..2686350 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -68,7 +68,7 @@
// Small screen nav
-.main-nav {
+.site-nav {
display: none;
&.nav-open {
diff --git a/_sass/search.scss b/_sass/search.scss
index bef2df7..cf56680 100644
--- a/_sass/search.scss
+++ b/_sass/search.scss
@@ -68,7 +68,7 @@
order: 1;
}
-.search-results-wrap {
+.search-results {
position: absolute;
z-index: 100;
display: none;
diff --git a/assets/js/just-the-docs.js b/assets/js/just-the-docs.js
index aadbf82..742b0d7 100644
--- a/assets/js/just-the-docs.js
+++ b/assets/js/just-the-docs.js
@@ -24,17 +24,17 @@ jtd.onReady = function(ready) {
// Show/hide mobile menu
function initNav() {
- const mainNav = document.querySelector('.js-main-nav');
- const pageHeader = document.querySelector('.js-page-header');
- const navTrigger = document.querySelector('.js-main-nav-trigger');
+ const siteNav = document.getElementById('site-nav');
+ const mainHeader = document.getElementById('main-header');
+ const navTrigger = document.getElementById('site-nav-trigger');
jtd.addEvent(navTrigger, 'click', function(e){
e.preventDefault();
var text = navTrigger.innerText;
var textToggle = navTrigger.getAttribute('data-text-toggle');
- mainNav.classList.toggle('nav-open');
- pageHeader.classList.toggle('nav-open');
+ siteNav.classList.toggle('nav-open');
+ mainHeader.classList.toggle('nav-open');
navTrigger.classList.toggle('nav-open');
navTrigger.innerText = textToggle;
navTrigger.setAttribute('data-text-toggle', text);
@@ -88,8 +88,8 @@ function initSearch() {
function searchResults(index, data) {
var index = index;
var docs = data;
- var searchInput = document.querySelector('.js-search-input');
- var searchResults = document.querySelector('.js-search-results');
+ var searchInput = document.getElementById('search-input');
+ var searchResults = document.getElementById('search-results');
function hideResults() {
searchResults.innerHTML = '';
@@ -275,8 +275,8 @@ function initSearch() {
}
function pageFocus() {
- var mainContent = document.querySelector('.js-main-content');
- mainContent.focus();
+ var mainWrap = document.getElementById('main-wrap');
+ mainWrap.focus();
}
// Document ready
-
+
+
+
{% if site.search_enabled != false %}
{% endif %}
{% if site.aux_links != nil %}
@@ -41,7 +41,7 @@ layout: table_wrappers
{% endif %}
-
-
+
-
+
+
{% unless page.url == "/" %}
{% if page.parent %}
@@ -57,7 +57,7 @@ layout: table_wrappers
{% endif %}
{% endunless %}
-
+