Simplify skip-links' CSS

refs #8729
This commit is contained in:
Eric Lippmann 2015-03-13 04:18:31 +01:00
parent 9186c68b65
commit efd7eb5793

View File

@ -268,35 +268,28 @@ a:focus {
outline: none; outline: none;
} }
/* Accessibility Skip Links */
.skip-links { .skip-links {
position: absolute; position: relative;
opacity: 1;
ul { ul {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
li { li {
display: inline;
margin: 0;
padding: 0;
a, button[type="submit"] {
position: absolute;
display: block; display: block;
a, button[type="submit"] {
background-color: #fff;
left: -999em; left: -999em;
box-sizing: content-box;
width: 10.4em !important;
top: 0em;
text-align: left !important;
padding: 0.8em; padding: 0.8em;
background-color: white; position: absolute;
z-index: 4; width: 100%;
border: 1px @colorGray solid;
&:focus { &:focus {
left: 0; left: 0;
outline: 1px dotted black !important; outline: 1px dotted black;
} }
} }
button[type="submit"] {
text-align: left;
}
} }
} }
} }