governance-ecologies/govarch-website
1
0
Fork 0
mirror of https://github.com/metagov/govarch-website.git synced 2025-06-19 01:23:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

add skip navigation link

Browse Source
This commit is contained in:
Pat Dryburgh
2018-10-24 18:04:06 -07:00
parent 16c358ac24
commit dd7275c4c0
5 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
_sass/_base.scss
View File

@ -55,6 +55,10 @@ a {
color: $text-color;
}
a:focus {
outline: 1px dashed $text-color;
}
blockquote {
margin: 2em auto;
opacity: .8;
@ -134,4 +138,24 @@ figcaption {
margin: 0 auto 2em;
padding: 0 2em;
text-align: center;
}
.skip-navigation {
background: $brand-color;
border: 1px dashed transparent;
display: block;
font-size: .875em;
font-weight: 700;
margin-top: -2.625rem;
padding: .5rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .125s ease-in-out;
&:hover,
&:focus {
background: darken($brand-color, 2.5%);
border-color: $text-color;
margin-top: 0;
}
}

2
_sass/_post-list.scss
View File

@ -12,7 +12,7 @@
display: flex;
flex-direction: column-reverse;
text-decoration: none;
padding: .25em 0;
padding: .25em;
@media (min-width: $on-tablet) {
display: flex;
flex-direction: row;