new styles for .skip-links
This commit is contained in:
parent
dd856d6755
commit
2f6ec365e7
4 changed files with 13 additions and 4 deletions
|
@ -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,
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue