Mercurial > hg > isophonics-drupal-site
annotate core/themes/seven/css/components/skip-link.css @ 11:bfffd8d7479a
Move drupal/core from "replace" to "require" section, to ensure Composer updates it
author | Chris Cannam |
---|---|
date | Fri, 23 Feb 2018 15:51:18 +0000 |
parents | 4c8ae668cc8c |
children | af1871eacc83 |
rev | line source |
---|---|
Chris@0 | 1 /** |
Chris@0 | 2 * @file |
Chris@0 | 3 * Skip link |
Chris@0 | 4 * |
Chris@0 | 5 * Allows keyboard users to quickly skip to the main content of the page. |
Chris@0 | 6 */ |
Chris@0 | 7 |
Chris@0 | 8 .skip-link { |
Chris@0 | 9 left: 50%; |
Chris@0 | 10 -webkit-transform: translateX(-50%); |
Chris@0 | 11 -ms-transform: translateX(-50%); |
Chris@0 | 12 transform: translateX(-50%); |
Chris@0 | 13 z-index: 50; |
Chris@0 | 14 background: #444; |
Chris@0 | 15 color: #fff; |
Chris@0 | 16 font-size: 0.94em; |
Chris@0 | 17 padding: 1px 10px 2px; |
Chris@0 | 18 border-radius: 0 0 10px 10px; |
Chris@0 | 19 } |
Chris@0 | 20 .skip-link:focus { |
Chris@0 | 21 text-decoration: none; |
Chris@0 | 22 } |
Chris@0 | 23 .skip-link.visually-hidden.focusable:focus { |
Chris@0 | 24 position: absolute !important; |
Chris@0 | 25 } |