aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/components/skip-link.css

   1 /**
   2  * @file
   3  * Skip link
   4  *
   5  * Allows keyboard users to quickly skip to the main content of the page.
   6  */
   7
   8 .skip-link {
   9   left: 50%;
  10   -webkit-transform: translateX(-50%);
  11   -ms-transform: translateX(-50%);
  12   transform: translateX(-50%);
  13   z-index: 50;
  14   background: #444;
  15   color: #fff;
  16   font-size: 0.94em;
  17   padding: 1px 10px 2px;
  18   border-radius: 0 0 10px 10px;
  19 }
  20 .skip-link:focus {
  21   text-decoration: none;
  22 }
  23 .skip-link.visually-hidden.focusable:focus {
  24   position: absolute !important;
  25 }