Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update readme, website #1735

Merged
merged 8 commits into from Oct 12, 2021
Merged

Update readme, website #1735

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
a4379b0
Update sponsors
wooorm Oct 12, 2021
c958827
package-lock
wooorm Oct 12, 2021
3b415b7
Lazy load syntax highlighting css
wooorm Oct 12, 2021
7d319aa
Update readme
wooorm Oct 12, 2021
ad65be8
Fix accessibility for lazy loaded syntax highlighting
wooorm Oct 12, 2021
2d4f681
Add a description to indexes
wooorm Oct 12, 2021
58015ea
Fix a11y of hljs token in dark mode
wooorm Oct 12, 2021
4652ec6
Fix heading level
wooorm Oct 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
15 changes: 7 additions & 8 deletions docs/_asset/index.css
View file
Open in desktop
Expand Up @@ -213,8 +213,7 @@ li pre {
margin-right: 0;
}

code,
.hljs {
code {
background-color: var(--gray-0);
}

Expand Down Expand Up @@ -244,7 +243,7 @@ pre code,
.hljs,
.frame-body,
.frame-tab-item-selected {
background-color: #fafafa; /* Color from one-light */
background-color: #fafafa !important; /* Color from one-light */
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would it be possible to increase specificity rather than applying important?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

They overwrite files that are loaded later (lazy loaded).
Previously I worked around it by loading them first. But as they don’t need to be blocking, and lighthouse warns, 🤷‍♂️

}

.frame-body-box-fixed-height {
Expand Down Expand Up @@ -833,7 +832,7 @@ button.success {
}

.note {
color: var(--gray-3);
color: var(--gray-1);
}

.navigation::before {
Expand Down Expand Up @@ -879,7 +878,7 @@ button.success {
.frame-body,
.frame-tab-item-selected,
.frame-tab-item-dark.frame-tab-item-selected {
background-color: var(--gray-7);
background-color: var(--gray-7) !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would it be possible to increase specificity rather than applying important?

}

.frame-tab-item-inactive {
Expand Down Expand Up @@ -1088,7 +1087,7 @@ button.success {
/* Fix a11y. */
.hljs-built_in,
.hljs-symbol {
color: hsl(24deg 92% 40%);
color: hsl(24deg 92% 40%) !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would it be possible to increase specificity rather than applying important?

}

.ͼo .cm-activeLineGutter,
Expand All @@ -1103,11 +1102,11 @@ button.success {
}

.hljs-section {
color: hsl(216deg 84% 62%);
color: #488bef !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would it be possible to increase specificity rather than applying important?

}

.hljs-built_in,
.hljs-symbol {
color: #ffa657;
color: #ffa657 !important;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

would it be possible to increase specificity rather than applying important?

}
}
2 changes: 1 addition & 1 deletion docs/blog/v1.server.mdx
View file
Open in desktop
Expand Up @@ -105,7 +105,7 @@ We have made sure the impact is small and have written a full migration guide.

[Read the full v1 migration guide](/migrating/v1)

#### Deprecations
### Deprecations

We only needed to introduce one deprecation.
The `mdPlugins` and `hastPlugins` options have been renamed `remarkPlugins` and
Expand Down
3 changes: 3 additions & 0 deletions docs/community/index.server.mdx
View file
Open in desktop
Expand Up @@ -3,6 +3,9 @@ export const navSortSelf = 9

# Community

This index lists several articles on how to contribute, get help, sponsor
our work, share your work, and some background information.

{
(() => {
const category = props.navTree.children.find(
Expand Down
93 changes: 55 additions & 38 deletions docs/community/sponsor.server.mdx
View file
Open in desktop
Expand Up @@ -23,44 +23,61 @@ as [micromark][].

{
<table>
<tr valign="middle">
<td width="20%" align="center" colSpan="2">
<a href="https://www.gatsbyjs.org">Gatsby</a> 🥇<br /><br />
<a href="https://www.gatsbyjs.org"><img src="https://avatars1.githubusercontent.com/u/12551863?s=256&v=4" width="128" /></a>
</td>
<td width="20%" align="center" colSpan="2">
<a href="https://vercel.com">Vercel</a> 🥇<br /><br />
<a href="https://vercel.com"><img src="https://avatars1.githubusercontent.com/u/14985020?s=256&v=4" width="128" /></a>
</td>
<td width="20%" align="center" colSpan="2">
<a href="https://www.netlify.com">Netlify</a><br /><br />
{/* OC has a sharper image */}
<a href="https://www.netlify.com"><img src="https://images.opencollective.com/netlify/4087de2/logo/256.png" width="128" /></a>
</td>
<td width="10%" align="center">
<a href="https://www.holloway.com">Holloway</a><br /><br />
<a href="https://www.holloway.com"><img src="https://avatars1.githubusercontent.com/u/35904294?s=128&v=4" width="64" /></a>
</td>
<td width="10%" align="center">
<a href="https://themeisle.com">ThemeIsle</a><br /><br />
<a href="https://themeisle.com"><img src="https://avatars1.githubusercontent.com/u/58979018?s=128&v=4" width="64" /></a>
</td>
<td width="10%" align="center">
<a href="https://boosthub.io">Boost Hub</a><br /><br />
<a href="https://boosthub.io"><img src="https://images.opencollective.com/boosthub/6318083/logo/128.png" width="64" /></a>
</td>
<td width="10%" align="center">
<a href="https://expo.io">Expo</a><br /><br />
<a href="https://expo.io"><img src="https://avatars1.githubusercontent.com/u/12504344?s=128&v=4" width="64" /></a>
</td>
</tr>
<tr valign="middle">
<td width="100%" align="center" colSpan="10">
<br />
<a href="https://opencollective.com/unified"><strong>You?</strong></a>
<br /><br />
</td>
</tr>
<tr valign="middle">
<td width="20%" align="center" rowSpan="2" colSpan="2">
<a href="https://vercel.com">Vercel</a><br /><br />
<a href="https://vercel.com"><img src="https://avatars1.githubusercontent.com/u/14985020?s=256&v=4" width="128" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="20%" align="center" rowSpan="2" colSpan="2">
<a href="https://motif.land">Motif</a><br /><br />
<a href="https://motif.land"><img src="https://avatars1.githubusercontent.com/u/74457950?s=256&v=4" width="128" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="20%" align="center" rowSpan="2" colSpan="2">
<a href="https://www.hashicorp.com">HashiCorp</a><br /><br />
<a href="https://www.hashicorp.com"><img src="https://avatars1.githubusercontent.com/u/761456?s=256&v=4" width="128" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="20%" align="center" rowSpan="2" colSpan="2">
<a href="https://www.gatsbyjs.org">Gatsby</a><br /><br />
<a href="https://www.gatsbyjs.org"><img src="https://avatars1.githubusercontent.com/u/12551863?s=256&v=4" width="128" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
</tr>
<tr valign="middle" />
<tr valign="middle">
<td width="20%" align="center" rowSpan="2" colSpan="2">
<a href="https://www.netlify.com">Netlify</a><br /><br />
{/* OC has a sharper image */}
<a href="https://www.netlify.com"><img src="https://images.opencollective.com/netlify/4087de2/logo/256.png" width="128" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" align="center">
<a href="https://www.coinbase.com">Coinbase</a><br /><br />
<a href="https://www.coinbase.com"><img src="https://avatars1.githubusercontent.com/u/1885080?s=256&v=4" width="64" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" align="center">
<a href="https://themeisle.com">ThemeIsle</a><br /><br />
<a href="https://themeisle.com"><img src="https://avatars1.githubusercontent.com/u/58979018?s=128&v=4" width="64" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" align="center">
<a href="https://expo.io">Expo</a><br /><br />
<a href="https://expo.io"><img src="https://avatars1.githubusercontent.com/u/12504344?s=128&v=4" width="64" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" align="center">
<a href="https://boosthub.io">Boost Hub</a><br /><br />
<a href="https://boosthub.io"><img src="https://images.opencollective.com/boosthub/6318083/logo/128.png" width="64" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" align="center">
<a href="https://www.holloway.com">Holloway</a><br /><br />
<a href="https://www.holloway.com"><img src="https://avatars1.githubusercontent.com/u/35904294?s=128&v=4" width="64" style={{display: 'block', maxWidth: '100%'}} /></a>
</td>
<td width="10%" />
</tr>
<tr valign="middle" />
<tr valign="middle">
<td width="100%" align="center" colSpan="8">
<br />
<a href="https://opencollective.com/unified"><strong>You?</strong></a>
<br /><br />
</td>
</tr>
</table>
}

Expand Down
4 changes: 2 additions & 2 deletions docs/guides/index.server.mdx
View file
Open in desktop
Expand Up @@ -3,8 +3,8 @@ export const navSortSelf = 7

# Guides

There’s a lot of things you can do with MDX, so we’ve begun collecting guides
for common use cases, tools, and patterns.
This index lists several guides on common use cases, tools, and patterns
around MDX.

{
(() => {
Expand Down
8 changes: 4 additions & 4 deletions docs/packages/index.server.mdx
View file
Open in desktop
Expand Up @@ -3,10 +3,10 @@ export const navSortSelf = 8

# Packages

The following packages are maintained in our monorepo.
They include our core compiler `@mdx-js/mdx`, the remark plugin to support
the MDX syntax `remark-mdx`, and several integrations with bundlers and
frontend frameworks.
This index lists the packages that are maintained in our monorepo.
They include `@mdx-js/mdx`, which is our core compiler; `remark-mdx`, which is
the remark plugin to support the MDX syntax; and several integrations with
bundlers and frontend frameworks.

{
(() => {
Expand Down