diff --git a/source/assets/css/components/_navigation.scss b/source/assets/css/components/_navigation.scss index d39f4b8..50e8b73 100644 --- a/source/assets/css/components/_navigation.scss +++ b/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; + } +} + diff --git a/source/assets/css/regions/_banner.scss b/source/assets/css/regions/_banner.scss index 92b6d61..dab2d33 100644 --- a/source/assets/css/regions/_banner.scss +++ b/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; } } } diff --git a/source/layouts/layout.haml b/source/layouts/layout.haml index 8891529..17079f7 100644 --- a/source/layouts/layout.haml +++ b/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) - - %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)