This repository was archived by the owner on May 5, 2020. It is now read-only.
File tree Expand file tree Collapse file tree 5 files changed +40
-1
lines changed Expand file tree Collapse file tree 5 files changed +40
-1
lines changed Original file line number Diff line number Diff line change @@ -19,7 +19,7 @@ class Footer extends Component {
19
19
return (
20
20
< footer className = "footer flexItem-none py-3 bgDarker-1" >
21
21
< div className = "maxW-4 mx-auto px-3 px-4@sm flex@sm flex-wrap" >
22
- < nav className = "mr-auto@sm" role = "navigation" >
22
+ < nav id = "nav" className = "mr-auto@sm" role = "navigation" >
23
23
< ul className = "listReset lineHeight-44 mb-0 flex@sm flex-wrap items-center" >
24
24
{ homeLink }
25
25
< li className = "inlineBlock mr-3" >
Original file line number Diff line number Diff line change
1
+ import React , { Component , PropTypes } from 'react'
2
+ import { Link } from 'react-router'
3
+
4
+
5
+ class SkipLink extends Component {
6
+
7
+ render ( ) {
8
+ const { to, text } = this . props
9
+
10
+ return (
11
+ < a href = { to } className = "skipLink hide p-1 bgDarker-1" > { text } </ a >
12
+ )
13
+ }
14
+
15
+ }
16
+
17
+ SkipLink . propTypes = {
18
+ to : PropTypes . string . isRequired ,
19
+ text : PropTypes . string . isRequired
20
+ }
21
+
22
+ export default SkipLink
Original file line number Diff line number Diff line change @@ -6,6 +6,7 @@ import suncalc from 'suncalc'
6
6
7
7
import Header from 'components/Header'
8
8
import Footer from 'components/Footer'
9
+ import SkipLink from 'components/SkipLink'
9
10
10
11
import 'styles/styles.css'
11
12
@@ -37,6 +38,7 @@ class Template extends Component {
37
38
return (
38
39
< div className = { wrapperClasses } >
39
40
{ header }
41
+ < SkipLink />
40
42
< div className = "content maxW-4 mx-auto px-2 px-4@sm pb-4" >
41
43
{ children }
42
44
</ div >
Original file line number Diff line number Diff line change
1
+ /* Skip Link */
2
+
3
+ .skipLink {
4
+ top : 0 ;
5
+ left : 0 ;
6
+
7
+ /* Undoing .hide */
8
+ & : focus {
9
+ clip : initial;
10
+ height : auto;
11
+ width : auto;
12
+ overflow : visible;
13
+ }
14
+ }
Original file line number Diff line number Diff line change 15
15
@import './modules/_colors.css' ;
16
16
17
17
@import './components/_wrap.css' ;
18
+ @import './components/_skipLink.css' ;
18
19
@import './components/_figure.css' ;
19
20
@import './components/_stickyFooter.css' ;
20
21
You can’t perform that action at this time.
0 commit comments