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;
|
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,
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue