From de127775550cc2e0988ac26a05a2ea29b615e242 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Thu, 24 Oct 2013 12:37:54 -0400 Subject: [PATCH] simplifying semantic and stylistic properties of skip nav UI --- cms/static/sass/_base.scss | 18 +++++++++++++++++- cms/templates/base.html | 8 +------- common/static/sass/_mixins.scss | 7 ------- lms/static/sass/base/_base.scss | 17 ++++++++++++++++- lms/static/sass/base/_mixins.scss | 7 ------- lms/templates/main.html | 8 +------- 6 files changed, 35 insertions(+), 30 deletions(-) diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss index d724af368d..eb7bf55b30 100644 --- a/cms/static/sass/_base.scss +++ b/cms/static/sass/_base.scss @@ -833,7 +833,23 @@ hr.divider { // ui - skipnav .nav-skip { - @extend %cont-text-sr; + @include font-size(13); + display: block; + position: absolute; + left: 0px; + top: -($baseline*30); + width: 1px; + height: 1px; + overflow: hidden; + background: $white; + border-bottom: 1px solid $gray-l4; + padding: ($baseline*0.75) ($baseline/2); + + &:focus, &:active { + position: static; + width: auto; + height: auto; + } } // ==================== diff --git a/cms/templates/base.html b/cms/templates/base.html index 1d02441694..7968b897dd 100644 --- a/cms/templates/base.html +++ b/cms/templates/base.html @@ -30,13 +30,7 @@ - + ${_("Skip to this view's content")}