Skip to content

Commit 8174e96

Browse files
shawnbotshawnbot
authored
Merge pull request #61 from primer/docs-fixup
Docs housecleaning, etc.
2 parents b1342da + 8dbb18a commit 8174e96

File tree

22 files changed

+1925
-2112
lines changed

22 files changed

+1925
-2112
lines changed

‎docs/CSS/index.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor x0"><title>primer-react</title><style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style></head><div id="root"><style>* { box-sizing: border-box; }
2+
body {
3+
margin: 0;
4+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5+
line-height: 1.5;
6+
}</style></div><script src="/primer-react/bundle.js"></script>

‎docs/GitHubAvatar/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!DOCTYPE html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor x0"><title>primer-react</title><style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style></head><div id="root"><img class="avatar avatar-small" src="https://avatars.githubusercontent.com/undefined?v=3&amp;s=40" width="20" height="20"></div><script src="/primer-react/bundle.js"></script>

‎docs/Meta/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!DOCTYPE html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor x0"><title>primer-react</title><style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style></head><div id="root"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor X0"><link rel="stylesheet" href="https://unpkg.com/primer-buttons/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-forms/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-layout/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-product/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-tooltips/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-utilities/build/build.css"><link rel="icon" href="assets/favicon.png"><link rel="apple-touch-icon" href="assets/apple-touch-icon.png"><meta name="og:title" content="Primer React"><meta name="description" content="Primer components built with React.js."></div><script src="/primer-react/bundle.js"></script>

‎docs/Page/index.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
<!DOCTYPE html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor x0"><title>primer-react</title><style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style></head><div id="root"><head><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor X0"><link rel="stylesheet" href="https://unpkg.com/primer-buttons/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-forms/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-layout/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-product/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-tooltips/build/build.css"><link rel="stylesheet" href="https://unpkg.com/primer-utilities/build/build.css"><link rel="icon" href="assets/favicon.png"><link rel="apple-touch-icon" href="assets/apple-touch-icon.png"><meta name="og:title" content="Primer React"><meta name="description" content="Primer components built with React.js."><style>* { box-sizing: border-box; }
2+
body {
3+
margin: 0;
4+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5+
line-height: 1.5;
6+
}</style></head><body class="text-dark-gray"></body></div><script src="/primer-react/bundle.js"></script>

‎docs/Swatch/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!DOCTYPE html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="generator" content="Compositor x0"><title>primer-react</title><style>*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}</style></head><div id="root"><div match="[object Object]" location="[object Object]" history="[object Object]" staticcontext="[object Object]"><div class="m-1 mt-3 p-6"></div><h3 class="px-1 m-0 f4">.</h3><span class="px-1"></span></div></div><script src="/primer-react/bundle.js"></script>

‎docs/bundle.js‎

Lines changed: 28 additions & 27 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html‎

Lines changed: 3 additions & 5 deletions
Large diffs are not rendered by default.

‎examples/CSS.js‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react'
2+
import {theme} from '../src'
3+
4+
const CSS = ({css}) => (
5+
<style dangerouslySetInnerHTML={{__html: css}} />
6+
)
7+
8+
const fonts = theme.fonts
9+
.map(name => name.indexOf(' ') > -1 ? `"${name}"` : name)
10+
.join(', ')
11+
12+
CSS.defaultProps = {
13+
css: `
14+
* { box-sizing: border-box; }
15+
body {
16+
margin: 0;
17+
font-family: ${fonts};
18+
line-height: ${theme.lineHeight};
19+
}
20+
`
21+
}
22+
23+
export default CSS

‎src/Meta.js‎ renamed to ‎examples/Meta.js‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,16 @@
11
import React from 'react'
22

33
const primerPackages = [
4-
'primer-box',
5-
'primer-breadcrumb',
4+
// 'primer-box',
5+
// 'primer-breadcrumb',
66
'primer-buttons',
77
'primer-forms',
88
'primer-layout',
9-
'primer-marketing',
10-
'primer-navigation',
9+
// 'primer-marketing',
10+
// 'primer-navigation',
1111
'primer-product',
12-
// 'primer-support',
1312
// 'primer-table',
1413
'primer-tooltips',
15-
'primer-truncate',
1614
'primer-utilities',
1715
]
1816

‎src/Page.js‎ renamed to ‎examples/Page.js‎

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,16 @@
11
import CSS from './CSS'
22
import Meta from './Meta'
33
import React from 'react'
4-
import theme from './theme'
5-
import {ThemeProvider} from 'styled-components'
64

75
// Generic page wrapper component
86
const Page = ({children}) => (
97
<React.Fragment>
108
<head>
11-
<title>Primer React</title>
129
<Meta />
1310
<CSS />
1411
</head>
15-
<body>
16-
<ThemeProvider theme={theme}>
17-
<div className='text-dark-gray'>
18-
{children}
19-
</div>
20-
</ThemeProvider>
12+
<body className='text-dark-gray'>
13+
{children}
2114
</body>
2215
</React.Fragment>
2316
)

0 commit comments

Comments
 (0)