3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-30 15:00:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

docs(v2): Add codesandbox integration (#4062)

Browse source
This commit is contained in:
sammychinedu2ky 2021-01-19 16:00:07 +01:00 • committed by GitHub
parent 458bf67484
commit b93d95b9e0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 32 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
website/src/pages/index.js
View file

@ -114,6 +114,11 @@ function Home() {
to={useBaseUrl('docs/')}>
<Translate>Get Started</Translate>
</Link>
<Link
className={styles.indexCtaTryNowButton}
to="https://new.docusaurus.io">
<Translate>Playground</Translate>
</Link>
<span className={styles.indexCtasGitHubButtonWrapper}>
<iframe
className={styles.indexCtasGitHubButton}

15
website/src/pages/styles.module.css
View file

@ -122,10 +122,23 @@
.indexCtasGitHubButton {
border: none;
margin-left: 24px;
overflow: hidden;
}
.indexCtaTryNowButton {
line-height: 1.2em;
text-decoration: underline;
text-transform: uppercase;
transition: background 0.3s, color 0.3s;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 0 36px;
}
.indexCtaTryNowButton:hover {
color: var(--ifm-color-primary);
}
@media only screen and (max-width: 768px) {
.hero {
padding-left: 20px;