@@ -50,13 +50,15 @@ const Container = styled("div", [
50
50
'button,[type="button"],[type="reset"],[type="submit"]' : {
51
51
WebkitAppearance : "button" ,
52
52
} ,
53
- 'button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner' : {
54
- borderStyle : "none" ,
55
- padding : "0" ,
56
- } ,
57
- 'button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring' : {
58
- outline : "1px dotted ButtonText" ,
59
- } ,
53
+ 'button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner' :
54
+ {
55
+ borderStyle : "none" ,
56
+ padding : "0" ,
57
+ } ,
58
+ 'button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring' :
59
+ {
60
+ outline : "1px dotted ButtonText" ,
61
+ } ,
60
62
fieldset : { padding : "0.35em 0.75em 0.625em" } ,
61
63
legend : {
62
64
boxSizing : "border-box" ,
@@ -72,9 +74,10 @@ const Container = styled("div", [
72
74
boxSizing : "border-box" ,
73
75
padding : "0" ,
74
76
} ,
75
- '[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button' : {
76
- height : "auto" ,
77
- } ,
77
+ '[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button' :
78
+ {
79
+ height : "auto" ,
80
+ } ,
78
81
'[type="search"]' : { WebkitAppearance : "textfield" , outlineOffset : "-2px" } ,
79
82
'[type="search"]::-webkit-search-decoration' : { WebkitAppearance : "none" } ,
80
83
"::-webkit-file-upload-button" : {
@@ -133,7 +136,7 @@ const Header = styled("ul", {
133
136
fontSize : "1.2em" ,
134
137
} ) ;
135
138
136
- const HeaderLink = styled ( "a" , {
139
+ const HeaderLink = styled ( Link , {
137
140
color : "inherit" ,
138
141
textDecoration : "none" ,
139
142
borderBottom : "2px solid transparent" ,
@@ -233,9 +236,10 @@ const Content = styled("div", {
233
236
color : "#a71d5d" ,
234
237
} ,
235
238
".hljs-number,.hljs-hexcolor,.hljs-constant" : { color : "#0086b3" } ,
236
- ".hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.hljs-formula" : {
237
- color : "#df5000" ,
238
- } ,
239
+ ".hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.hljs-formula" :
240
+ {
241
+ color : "#df5000" ,
242
+ } ,
239
243
".hljs-title,.hljs-id,.hljs-preprocessor" : { color : "#795da3" } ,
240
244
".hljs-class .hljs-title,.hljs-type,.hljs-literal,.hljs-command" : {
241
245
color : "#458" ,
@@ -250,10 +254,11 @@ const Content = styled("div", {
250
254
color : "#990073" ,
251
255
} ,
252
256
".hljs-built_in" : { color : "#0086b3" } ,
253
- ".hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata" : {
254
- color : "#999" ,
255
- fontWeight : "bolder" ,
256
- } ,
257
+ ".hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata" :
258
+ {
259
+ color : "#999" ,
260
+ fontWeight : "bolder" ,
261
+ } ,
257
262
".hljs-deletion" : { background : "#fdd" } ,
258
263
".hljs-addition" : { background : "#dfd" } ,
259
264
".hljs-change" : { background : "#0086b3" } ,
@@ -275,16 +280,12 @@ export const Layout = ({ page, children }: Props) => {
275
280
< BorderTop />
276
281
< Container >
277
282
< Header >
278
- < Link href = "/" passHref >
279
- < PrimaryHeaderLink className = { page === "index" ? "active" : "" } >
280
- Writing
281
- </ PrimaryHeaderLink >
282
- </ Link >
283
- < Link href = "/supporters/" passHref >
284
- < HeaderLink className = { page === "supporters" ? "active" : "" } >
285
- Supporters
286
- </ HeaderLink >
287
- </ Link >
283
+ < PrimaryHeaderLink
284
+ href = "/"
285
+ className = { page === "index" ? "active" : "" }
286
+ >
287
+ Writing
288
+ </ PrimaryHeaderLink >
288
289
</ Header >
289
290
290
291
< Content > { children } </ Content >
0 commit comments