diff --git a/core/themes/seven/css/components/skip-link.css b/core/themes/seven/css/components/skip-link.css index 0751a7b..0e4c23c 100644 --- a/core/themes/seven/css/components/skip-link.css +++ b/core/themes/seven/css/components/skip-link.css @@ -1,29 +1,23 @@ /** * @file - * Skip link - Allows keyboard users to quickly skip to the main content of the page. + * Skip link - Allows keyboard users to skip to the main content of the page. */ .skip-link { - position: absolute; - left: 50%; /* LTR */ - margin-left: -5.25em; /* LTR */ - width: auto; + left: 50%; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); z-index: 50; background: #444; color: #fff; font-size: 0.94em; - padding: 1px 10px 2px 10px; + padding: 1px 10px 2px; border-radius: 0 0 10px 10px; } -[dir="rtl"] .skip-link { - right: 50%; - margin-right: -5.25em; -} .skip-link:focus { text-decoration: none; } -.skip-link.visually-hidden.focusable:hover, -.skip-link.visually-hidden.focusable:focus, -.skip-link.visually-hidden.focusable:active { +.skip-link.visually-hidden.focusable:focus { position: absolute !important; }