First commit.
This commit is contained in:
commit
b7977e1c28
1 changed files with 28081 additions and 0 deletions
31
sass/navigation/skip-link/_skip-link.scss
Normal file
31
sass/navigation/skip-link/_skip-link.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
// Skip link
|
||||
//
|
||||
// To make the link completely hidden until a user tabs to the link, combine it
|
||||
// with the `visually-hidden` component.
|
||||
//
|
||||
// :focus - Focus styling.
|
||||
//
|
||||
// Markup: skip-link.twig
|
||||
//
|
||||
// Style guide: navigation.skip-link
|
||||
|
||||
.skip-link,
|
||||
%skip-link {
|
||||
display: block;
|
||||
padding: 2px 0 3px;
|
||||
text-align: center;
|
||||
|
||||
&:link,
|
||||
&:visited {
|
||||
background-color: color(skip-link-bg);
|
||||
color: color(skip-link);
|
||||
}
|
||||
|
||||
&__wrapper {
|
||||
margin: 0;
|
||||
|
||||
@media print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue