forked from keystonejs/keystone
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path_app.tsx
More file actions
108 lines (106 loc) · 2.93 KB
/
Copy path_app.tsx
File metadata and controls
108 lines (106 loc) · 2.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
/** @jsxRuntime classic */
/** @jsx jsx */
import { ToastProvider } from '@keystone-ui/toast';
import { jsx, Global, css, CacheProvider } from '@emotion/react';
import type { AppProps } from 'next/app';
import { cache } from '@emotion/css';
import Head from 'next/head';
import { proseStyles } from '../lib/prose-lite';
import { Theme } from '../components/Theme';
import { SkipLinks } from '../components/SkipLinks';
export default function App({ Component, pageProps }: AppProps) {
return (
<CacheProvider value={cache}>
<Global
styles={css`
.prose {
${proseStyles}
}
`}
/>
<Global
styles={css`
*, ::before, ::after {
box-sizing: border-box;
}
body {
font-size: var(--font-small);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html, body {
background: var(--app-bg);
color: var(--text);
height: 100%;
font-family: var(--font-body);
padding: 0;
margin: 0;
-webkit-text-size-adjust: none;
},
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
margin: 0;
}
a {
text-decoration: none;
color: var(--link);
}
pre {
line-height: 1.4;
font-size: 16px;
}
.hint {
border-radius: 4px;
padding: 1rem 1rem 1rem 1.5rem;
color: var(--text-heading);
}
.hint.neutral {
background: var(--code-bg);
border-left: 6px solid var(--text);
}
.hint.tip {
background: var(--info-bg);
border-left: 6px solid var(--info);
}
.hint.warn {
background: var(--warning-bg);
border-left: 6px solid var(--warning);
}
.hint.error {
background: var(--danger-bg);
border-left: 6px solid var(--danger);
}
.js-focus-visible :focus:not(.focus-visible) {
outline: none;
}
*:focus-visible, input:focus-visible, button:focus-visible, [type="submit"]:focus-visible {
outline: 1px dashed var(--focus);
outline-offset: 3px;
}
input:focus-visible {
outline-style: solid;
outline-width: 3px;
outline-offset: 0;
}
#__next {
min-height: 100%;
display: grid;
grid-template-rows: auto 1fr;
grid-template-areas: "header" "main" "footer";
grid-template-columns: minmax(0, 1fr);
}
`}
/>
<Theme />
<Head>
<meta
name="viewport"
content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover"
/>
</Head>
<SkipLinks />
<ToastProvider>
<Component {...pageProps} />
</ToastProvider>
</CacheProvider>
);
}