new styles for .skip-links

This commit is contained in:
Raphael Goetter 2014-05-19 10:53:43 +02:00
parent dd856d6755
commit 2f6ec365e7
4 changed files with 13 additions and 4 deletions

View file

@ -67,8 +67,8 @@ body {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
line-height: 1.5; line-height: 1.5;
} }
/* font-sizing for content */
/* font-sizing for content */
p, p,
.p-like, .p-like,
ul, ul,

View file

@ -10,7 +10,8 @@
.skip-links a { .skip-links a {
position: absolute; position: absolute;
left: -7000px; overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em; padding: 0.5em;
background: black; background: black;
color: white; color: white;
@ -19,6 +20,8 @@
.skip-links a:focus { .skip-links a:focus {
position: static; position: static;
overflow: visible;
clip: auto;
} }
@media (max-width: 480px) { @media (max-width: 480px) {

View file

@ -10,7 +10,8 @@
a { a {
position: absolute; position: absolute;
left: -7000px; overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em; padding: 0.5em;
background: black; background: black;
color: white; color: white;
@ -18,6 +19,8 @@
&:focus { &:focus {
position: static; position: static;
overflow: visible;
clip: auto;
} }
} }
} }

View file

@ -10,7 +10,8 @@
a { a {
position: absolute; position: absolute;
left: -7000px; overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
padding: 0.5em; padding: 0.5em;
background: black; background: black;
color: white; color: white;
@ -18,6 +19,8 @@
&:focus { &:focus {
position: static; position: static;
overflow: visible;
clip: auto;
} }
} }
} }