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

   1 /**
   2  * @file
   3  * Styles for the skip link.
   4  */
   5
   6 .skip-link {
   7   left: 50%;
   8   -webkit-transform: translateX(-50%);
   9   -ms-transform: translateX(-50%);
  10   transform: translateX(-50%);
  11   z-index: 50;
  12   background: #444;
  13   background: rgba(0, 0, 0, 0.6);
  14   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  15   font-size: 0.94em;
  16   line-height: 1.7em;
  17   padding: 1px 10px 2px;
  18   border-radius: 0 0 10px 10px;
  19   border-bottom-width: 0;
  20   outline: 0;
  21 }
  22 .skip-link.visually-hidden.focusable:focus {
  23   position: absolute !important;
  24   color: #fff;
  25 }