-
+
diff --git a/_sass/content.scss b/_sass/content.scss
index 8b91567..27635bf 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -57,8 +57,11 @@
}
}
- hr + *,
- h1:first-of-type {
+ hr + * {
margin-top: 0;
}
+
+ h1:first-of-type {
+ margin-top: 0.5em;
+ }
}
diff --git a/_sass/labels.scss b/_sass/labels.scss
index 3e2d2dd..a15d40c 100644
--- a/_sass/labels.scss
+++ b/_sass/labels.scss
@@ -14,6 +14,7 @@
color: $white;
vertical-align: middle;
background-color: $blue-100;
+ text-transform: uppercase;
@include fs-2;
}
diff --git a/_sass/layout.scss b/_sass/layout.scss
index b83cf8e..75e87ac 100644
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@@ -93,7 +93,8 @@
}
.navigation,
-.site-title {
+.site-title,
+.site-footer {
@include container;
@@ -114,8 +115,21 @@
}
}
-.site-footer {
+body {
+ position: relative;
+ padding-bottom: $sp-10;
+
@include mq(md) {
- margin-top: $sp-10;
+ position: static;
+ padding-bottom: 0;
+ }
+}
+
+.site-footer {
+ position: absolute;
+ bottom: $sp-3;
+
+ @include mq(md) {
+ right: 0;
}
}
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
index 6eb972f..bce4a76 100644
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@@ -20,6 +20,7 @@
.navigation-list {
padding: 0;
margin-top: $sp-4;
+ margin-bottom: 0;
list-style: none;
@include mq(md) {
@@ -53,8 +54,12 @@
}
.navigation-list-item {
- @include fs-3;
+ @include fs-4;
margin: 0;
+
+ @include mq(md) {
+ @include fs-3;
+ }
}
.navigation-list-link {
diff --git a/_sass/search.scss b/_sass/search.scss
index 96d9bb5..b57aa6e 100644
--- a/_sass/search.scss
+++ b/_sass/search.scss
@@ -3,15 +3,27 @@
//
.search {
+ position: relative;
+ z-index: 99;
display: none;
+ flex-grow: 1;
+ padding-bottom: $gutter-spacing / 2;
+ background-color: $white;
+ padding: $sp-2;
+ margin-bottom: $sp-3;
@include mq(md) {
- position: relative;
- z-index: 99;
display: block;
- flex-grow: 1;
padding-top: $sp-1;
- padding-bottom: $gutter-spacing / 2;
+ padding-right: 0;
+ padding-bottom: $sp-4;
+ padding-left: 0;
+ margin-bottom: 0;
+ background-color: transparent;
+ }
+
+ &.nav-open {
+ display: block;
}
}
diff --git a/_sass/typography.scss b/_sass/typography.scss
index 3528b04..acb89ec 100644
--- a/_sass/typography.scss
+++ b/_sass/typography.scss
@@ -50,5 +50,9 @@ li {
}
.text-mono {
- font-family: $mono-font-family;
+ font-family: $mono-font-family !important;
+}
+
+.text-center {
+ text-align: center !important;
}
diff --git a/assets/js/just-the-docs.js b/assets/js/just-the-docs.js
index cc2ec48..286c8fb 100644
--- a/assets/js/just-the-docs.js
+++ b/assets/js/just-the-docs.js
@@ -13,6 +13,7 @@ function toggleNav(){
const nav = document.querySelector('.js-main-nav');
const auxNav = document.querySelector('.js-aux-nav');
const navTrigger = document.querySelector('.js-main-nav-trigger');
+ const search = document.querySelector('.js-search');
addEvent(navTrigger, 'click', function(){
var text = navTrigger.innerText;
@@ -21,6 +22,7 @@ function toggleNav(){
nav.classList.toggle('nav-open');
auxNav.classList.toggle('nav-open');
navTrigger.classList.toggle('nav-open');
+ search.classList.toggle('nav-open');
navTrigger.innerText = textToggle;
navTrigger.setAttribute('data-text-toggle', text);
textToggle = text;
diff --git a/index.md b/index.md
index e514e37..4da572c 100644
--- a/index.md
+++ b/index.md
@@ -11,7 +11,7 @@ nav_order: 1
Just the Docs gives your documentation a jumpstart with a responsive Jekyll theme that is easily customizable and hosted on GitHub pages.
{: .fs-6 .fw-300 }
-[Get started now](#getting-started){: .btn .btn-purple .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn }
+[Get started now](#getting-started){: .btn .btn-purple .fs-5 .mb-4 .mb-md-0 .mr-2 } [View it on GitHub](https://github.com/pmarsceill/just-the-docs){: .btn .fs-5 }
---
diff --git a/just-the-docs.gemspec b/just-the-docs.gemspec
index 1fc03fd..ef4eec5 100644
--- a/just-the-docs.gemspec
+++ b/just-the-docs.gemspec
@@ -2,7 +2,7 @@
Gem::Specification.new do |spec|
spec.name = "just-the-docs"
- spec.version = "0.1.0"
+ spec.version = "0.1.1"
spec.authors = ["Patrick Marsceill"]
spec.email = ["patrick.marsceill@gmail.com"]