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

CSS revamp - Improve typography and overall styling (#757)

Browse source 
* Improve CSS code

* Fix blog layout

* Fix

* Refactor onPageNav

* More fixes

* Fix docs nav

* Use alternative hack

* Tweak clearfix
This commit is contained in:
Yangshun Tay 2018-06-19 21:46:15 -07:00 • committed by GitHub
parent 169a5e6ded
commit 1094dbd352
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 1474 additions and 1114 deletions
Download patch file Download diff file Expand all files Collapse all files

42
website/core/Footer.js
View file

@ -9,8 +9,8 @@ const PropTypes = require('prop-types');
const React = require('react');
const SocialFooter = props => (
<div>
<h5>More</h5>
<div className="footerSection">
<h5>Social</h5>
<div className="social">
<a
className="github-button" // part of the https://buttons.github.io/buttons.js script in siteConfig.js
@ -51,7 +51,7 @@ const SocialFooter = props => (
);
SocialFooter.propTypes = {
config: PropTypes.object
config: PropTypes.object,
};
class Footer extends React.Component {
@ -62,53 +62,57 @@ class Footer extends React.Component {
{this.props.config.footerIcon && (
<a href={this.props.config.baseUrl} className="nav-home">
<img
src={`${this.props.config.baseUrl}${this.props.config
.footerIcon}`}
src={`${this.props.config.baseUrl}${
this.props.config.footerIcon
}`}
alt={this.props.config.title}
width="66"
height="58"
/>
</a>
)}
<div>
<div className="footerSection">
<h5>Docs</h5>
<a
href={`
${this.props.config.baseUrl}docs/${this.props.language}/installation.html`}
>
${this.props.config.baseUrl}docs/${
this.props.language
}/installation.html`}>
Getting Started
</a>
<a
href={`
${this.props.config.baseUrl}docs/${this.props.language}/versioning.html`}
>
${this.props.config.baseUrl}docs/${
this.props.language
}/versioning.html`}>
Versioning
</a>
<a
href={`
${this.props.config.baseUrl}docs/${this.props.language}/translation.html`}
>
${this.props.config.baseUrl}docs/${
this.props.language
}/translation.html`}>
Localization
</a>
<a
href={`
${this.props.config.baseUrl}docs/${this.props.language}/search.html`}
>
${this.props.config.baseUrl}docs/${
this.props.language
}/search.html`}>
Adding Search
</a>
</div>
<div>
<div className="footerSection">
<h5>Community</h5>
<a
href={`${this.props.config.baseUrl}${this.props
.language}/users.html`}
>
href={`${this.props.config.baseUrl}${
this.props.language
}/users.html`}>
User Showcase
</a>
</div>
<SocialFooter config={this.props.config} />
</section>
<a
href="https://code.facebook.com/projects/"
target="_blank"