Skip Links
This commit is contained in:
parent
c7f44aef04
commit
d33da95e34
5 changed files with 36 additions and 24 deletions
|
@ -1,28 +1,7 @@
|
|||
/* ----------------------------- */
|
||||
/* ==Misc (skip links, hyphens) */
|
||||
/* ==Misc */
|
||||
/* ----------------------------- */
|
||||
|
||||
/* styling skip links */
|
||||
.#{$kna-namespace}skip-links {
|
||||
position: absolute;
|
||||
|
||||
& a {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
padding: 0.5em;
|
||||
background: black;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
|
||||
&:focus {
|
||||
position: static;
|
||||
overflow: visible;
|
||||
clip: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// hyphens on tiny screens
|
||||
@media (max-width: ($small - 1)) {
|
||||
/* you shall not pass */
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue