From 7127714e4b967303cc70edbd8c7fa189336e9d20 Mon Sep 17 00:00:00 2001
From: Michael Rose <mmistakes@users.noreply.github.com>
Date: Tue, 28 Mar 2017 21:34:04 -0400
Subject: [PATCH] Fix `body` height and `.wrapper` box shadow. (#14)

Close #13
---
 CHANGELOG.md                                        |  1 +
 _includes/skip-links.html                           |  6 +++---
 _sass/basically-basic/_base.scss                    |  2 ++
 _sass/basically-basic/_navigation.scss              | 13 +++++++++++++
 _sass/basically-basic/utilities/_accessibility.scss | 11 -----------
 docs/_includes/skip-links.html                      |  6 +++---
 docs/_sass/basically-basic/_base.scss               |  2 ++
 docs/_sass/basically-basic/_navigation.scss         | 13 +++++++++++++
 .../basically-basic/utilities/_accessibility.scss   | 11 -----------
 9 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 12126f9..ee7fe66 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Permalink structure of `/docs` demo site.
 
 ### Fixed
+- `body` height and `.wrapper` box shadow. [#13](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/13)
 - Unclickable main content links in Internet Explorer 10. [#9](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/9)
 
 ## [1.0.1] - 2017-03-23
diff --git a/_includes/skip-links.html b/_includes/skip-links.html
index 12893ea..3b61f19 100644
--- a/_includes/skip-links.html
+++ b/_includes/skip-links.html
@@ -1,8 +1,8 @@
-<section>
+<nav class="skip-links">
   <h2 class="screen-reader-text">{{ site.data.theme.t.skip_links | default: 'Skip links' }}</h2>
-  <ul class="skip-links">
+  <ul>
     <li><a href="#primary-nav" class="screen-reader-shortcut">{{ site.data.theme.t.skip_primary_nav | default: 'Skip to primary navigation' }}</a></li>
     <li><a href="#main" class="screen-reader-shortcut">{{ site.data.theme.t.skip_content | default: 'Skip to content' }}</a></li>
     <li><a href="#footer" class="screen-reader-shortcut">{{ site.data.theme.t.skip_footer | default: 'Skip to footer' }}</a></li>
   </ul>
-</section>
\ No newline at end of file
+</nav>
diff --git a/_sass/basically-basic/_base.scss b/_sass/basically-basic/_base.scss
index cec266f..add1305 100644
--- a/_sass/basically-basic/_base.scss
+++ b/_sass/basically-basic/_base.scss
@@ -7,6 +7,8 @@ html {
 }
 
 body {
+  display: -ms-flexbox;
+  display: flex;
   background: $background-color;
   color: $text-color;
 }
diff --git a/_sass/basically-basic/_navigation.scss b/_sass/basically-basic/_navigation.scss
index 380c6c1..5828b77 100644
--- a/_sass/basically-basic/_navigation.scss
+++ b/_sass/basically-basic/_navigation.scss
@@ -11,6 +11,19 @@
   }
 }
 
+/*
+   Skip links
+   ========================================================================== */
+
+.skip-links {
+  position: absolute;
+  width: 100%;
+
+  ul {
+    @include list-unstyled;
+  }
+}
+
 /*
    Paginator
    ========================================================================== */
diff --git a/_sass/basically-basic/utilities/_accessibility.scss b/_sass/basically-basic/utilities/_accessibility.scss
index f870ee2..38f2b6e 100644
--- a/_sass/basically-basic/utilities/_accessibility.scss
+++ b/_sass/basically-basic/utilities/_accessibility.scss
@@ -2,17 +2,6 @@
    Accessibility Modules
    ========================================================================== */
 
-/* Skip links */
-.skip-links {
-  margin: 0;
-
-  li {
-    width: 0;
-    height: 0;
-    list-style: none;
-  }
-}
-
 /* Text meant only for screen readers */
 .screen-reader-text,
 .screen-reader-text span,
diff --git a/docs/_includes/skip-links.html b/docs/_includes/skip-links.html
index 12893ea..3b61f19 100644
--- a/docs/_includes/skip-links.html
+++ b/docs/_includes/skip-links.html
@@ -1,8 +1,8 @@
-<section>
+<nav class="skip-links">
   <h2 class="screen-reader-text">{{ site.data.theme.t.skip_links | default: 'Skip links' }}</h2>
-  <ul class="skip-links">
+  <ul>
     <li><a href="#primary-nav" class="screen-reader-shortcut">{{ site.data.theme.t.skip_primary_nav | default: 'Skip to primary navigation' }}</a></li>
     <li><a href="#main" class="screen-reader-shortcut">{{ site.data.theme.t.skip_content | default: 'Skip to content' }}</a></li>
     <li><a href="#footer" class="screen-reader-shortcut">{{ site.data.theme.t.skip_footer | default: 'Skip to footer' }}</a></li>
   </ul>
-</section>
\ No newline at end of file
+</nav>
diff --git a/docs/_sass/basically-basic/_base.scss b/docs/_sass/basically-basic/_base.scss
index cec266f..add1305 100644
--- a/docs/_sass/basically-basic/_base.scss
+++ b/docs/_sass/basically-basic/_base.scss
@@ -7,6 +7,8 @@ html {
 }
 
 body {
+  display: -ms-flexbox;
+  display: flex;
   background: $background-color;
   color: $text-color;
 }
diff --git a/docs/_sass/basically-basic/_navigation.scss b/docs/_sass/basically-basic/_navigation.scss
index 380c6c1..5828b77 100644
--- a/docs/_sass/basically-basic/_navigation.scss
+++ b/docs/_sass/basically-basic/_navigation.scss
@@ -11,6 +11,19 @@
   }
 }
 
+/*
+   Skip links
+   ========================================================================== */
+
+.skip-links {
+  position: absolute;
+  width: 100%;
+
+  ul {
+    @include list-unstyled;
+  }
+}
+
 /*
    Paginator
    ========================================================================== */
diff --git a/docs/_sass/basically-basic/utilities/_accessibility.scss b/docs/_sass/basically-basic/utilities/_accessibility.scss
index f870ee2..38f2b6e 100644
--- a/docs/_sass/basically-basic/utilities/_accessibility.scss
+++ b/docs/_sass/basically-basic/utilities/_accessibility.scss
@@ -2,17 +2,6 @@
    Accessibility Modules
    ========================================================================== */
 
-/* Skip links */
-.skip-links {
-  margin: 0;
-
-  li {
-    width: 0;
-    height: 0;
-    list-style: none;
-  }
-}
-
 /* Text meant only for screen readers */
 .screen-reader-text,
 .screen-reader-text span,