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;
line-height: 1.5;
}
/* font-sizing for content */
/* font-sizing for content */
p,
.p-like,
ul,

View file

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

View file

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

View file

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