Chris@0: /**
Chris@0:  * @file
Chris@0:  * Skip link
Chris@0:  *
Chris@0:  * Allows keyboard users to quickly skip to the main content of the page.
Chris@0:  */
Chris@0: 
Chris@0: .skip-link {
Chris@18:   z-index: 50;
Chris@0:   left: 50%;
Chris@18:   padding: 1px 10px 2px;
Chris@0:   -webkit-transform: translateX(-50%);
Chris@0:   -ms-transform: translateX(-50%);
Chris@0:   transform: translateX(-50%);
Chris@18:   color: #fff;
Chris@18:   border-radius: 0 0 10px 10px;
Chris@0:   background: #444;
Chris@0:   font-size: 0.94em;
Chris@0: }
Chris@0: .skip-link:focus {
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: .skip-link.visually-hidden.focusable:focus {
Chris@0:   position: absolute !important;
Chris@0: }