Merge branch 'development'

benbrehaut · Jun 4, 2017 · a9a9fba · a9a9fba
2 parents 6e5683b + cd5ffe6
commit a9a9fba
Show file tree

Hide file tree

Showing 7 changed files with 27 additions and 4 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/scss/abstracts/_variables.scss b/assets/scss/abstracts/_variables.scss
@@ -54,7 +54,7 @@ $spacing-tertiary: rem-calc(5);
 
 // Z Index index
 // - - - - -
-$z-stack: site, mobileMenu, siteOverlay, modal;
+$z-stack: site, skipToContent, mobileMenu, siteOverlay, modal;
 
 // Layout & Grid
 // - - - - -

diff --git a/assets/scss/base/_base.scss b/assets/scss/base/_base.scss
@@ -24,6 +24,8 @@ body {
 
 .site {
   height: 100%;
+  position: relative;
+  z-index: index($z-stack, site);
 }
 
 img {

diff --git a/assets/scss/partials/_header.scss b/assets/scss/partials/_header.scss
@@ -4,8 +4,6 @@
 
 .site-header {
   @include clearfix;
-  width: 100%;
-  float: left;
 
   &__top,
   &__bottom {

diff --git a/assets/scss/partials/_skip-to-content.scss b/assets/scss/partials/_skip-to-content.scss
@@ -0,0 +1,18 @@
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+// Skip to content link
+// - - - - - - - - - - - - - - - - - - - - - - - - -
+
+.skip-link:focus {
+  clip: auto !important;
+  display: block;
+  width: auto;
+  height: auto;
+  left: 5px;
+  line-height: normal;
+  padding: 15px 23px 14px;
+  text-decoration: none;
+  top: 5px;
+  z-index: index($z-stack, skipToContent);
+  background-color: $palette-primary;
+  color: $palette-secondary;
+}
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -40,6 +40,7 @@ License URI:        http://www.opensource.org/licenses/mit-license.php
 
 // Paritals
 @import 'partials/header',
+        'partials/skip-to-content',
         'partials/footer',
         'partials/breadcrumbs';
 

diff --git a/header.php b/header.php
@@ -49,6 +49,10 @@
 <![endif]-->
 <!-- /IE 9 < warning -->
 
+<!-- skip-to-content -->
+<a href="#content" class="_sr-hidden skip-to-content">Skip to content</a>
+<!-- /skip-to-content -->
+
 <!-- site-header -->
 <?php get_template_part('template-parts/site-header'); ?>
 <!-- /site-header -->
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,8 @@ body { @@
     .site {
       height: 100%;
+      position: relative;
+      z-index: index($z-stack, site);
     }
     img {
@@ Expand Down @@