Fix body height and .wrapper box shadow. (#14)

Close #13

Author: mmistakes

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

_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>
+</nav>

_sass/basically-basic/_base.scss

@@ -7,6 +7,8 @@ html {
 }
 
 body {
+  display: -ms-flexbox;
+  display: flex;
   background: $background-color;
   color: $text-color;
 }

_sass/basically-basic/_navigation.scss

@@ -11,6 +11,19 @@
   }
 }
 
+/*
+   Skip links
+   ========================================================================== */
+
+.skip-links {
+  position: absolute;
+  width: 100%;
+
+  ul {
+    @include list-unstyled;
+  }
+}
+
 /*
    Paginator
    ========================================================================== */

_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,

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>
+</nav>

docs/_sass/basically-basic/_base.scss

@@ -7,6 +7,8 @@ html {
 }
 
 body {
+  display: -ms-flexbox;
+  display: flex;
   background: $background-color;
   color: $text-color;
 }

docs/_sass/basically-basic/_navigation.scss

@@ -11,6 +11,19 @@
   }
 }
 
+/*
+   Skip links
+   ========================================================================== */
+
+.skip-links {
+  position: absolute;
+  width: 100%;
+
+  ul {
+    @include list-unstyled;
+  }
+}
+
 /*
    Paginator
    ========================================================================== */

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,