🔗 Added skip link

source/assets/css/components/_navigation.scss

@@ -8,3 +8,21 @@
     height: 100vh;
   }
 }
+
+.skip-link {
+  display: block;
+  padding: 0.25em 1em;
+  transform: translateY(calc(-100% - 1em));
+  position: absolute;
+  left: 1em;
+  top: 1em;
+  z-index: 9999;
+
+  &:focus {
+    transform: translateY(0);
+    transition: all .1s ease-in-out;
+    background: $sl-color--hopbush;
+    color: $sl-color--white;
+  }
+}
+

source/assets/css/regions/_banner.scss

@@ -3,10 +3,15 @@
 
   a {
     display: inline-block;
+  }
+
+  &__brand
+  
+  a {
     border: 0;
   }
 
-  &__brand img {
+  img {
     display: inline-block;
     margin: 0;
     height: sl-px-to-rem(48px);
@@ -30,6 +35,7 @@
     a {
       display: block;
       padding: sl-px-to-rem(12px) sl-px-to-rem(16px);
+      border: 0;
     }
   }
 }

source/layouts/layout.haml

@@ -64,7 +64,7 @@
             %strong Sass just launched a brand new module system.
             = succeed '!' do
               = link_to '/blog/posts/7858341-the-module-system-is-launched' do
-                Learn all about it on the Sass blog
+                Learn all about the new on the Sass blog
 
       .sl-c-pop-stripe
       .sl-l-container
@@ -82,7 +82,7 @@
               - [Get Involved](/community)
               - <input class='search' type='text'>
 
-    %main.content(itemprop='mainContentOfPage' role='main')
+    %main{:class => "content", :id => "main-content"}(itemprop='mainContentOfPage' role='main')
       %h1.sl-l-container
         - if current_page.data.h1?
           = Typogruby.improve(current_page.data.h1)