3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-12 00:27:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

Small CSS adjustments. (#79)

Browse source
This commit is contained in:
Héctor Ramos 2017-09-25 12:52:58 -07:00 • committed by GitHub
parent f48ff77322
commit a484893c4f
2 changed files with 36 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
lib/core/nav/HeaderNav.js
View file

@ -184,7 +184,7 @@ class HeaderNav extends React.Component {
src={this.props.baseUrl + siteConfig.headerIcon} src={this.props.baseUrl + siteConfig.headerIcon}
/> />
{!this.props.config.disableHeaderTitle && {!this.props.config.disableHeaderTitle &&
<h2> <h2 className="headerTitle">
{this.props.title} {this.props.title}
</h2>} </h2>}
</a> </a>

48
lib/static/css/main.css
View file

@ -54,8 +54,13 @@ body {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
p {
line-height: 1.4;
}
img { img {
max-width: 100%; max-width: 100%;
height: auto;
} }
article p img { article p img {
@ -92,9 +97,9 @@ a.hash-link:hover {
blockquote { blockquote {
padding: 15px 30px 15px 15px; padding: 15px 30px 15px 15px;
margin: 20px 0 0 10px; margin: 20px 0;
background-color: rgba(204, 122, 111, 0.1); background-color: rgba(204, 122, 111, 0.1);
border-left: 10px solid rgba(191, 87, 73, 0.2); border-left: 5px solid rgba(191, 87, 73, 0.2);
} }
#fb_oss a { #fb_oss a {
@ -107,6 +112,10 @@ h1, h2, h3, h4 {
color: $primaryColor; color: $primaryColor;
} }
h4 {
line-height: 2em;
}
header h2 { header h2 {
color: white; color: white;
font-size: 20px; font-size: 20px;
@ -182,6 +191,7 @@ header h2 {
.mainContainer { .mainContainer {
background: #f9f9f9; background: #f9f9f9;
flex: 1; flex: 1;
font-size: 18px;
} }
.mainContainer .wrapper { .mainContainer .wrapper {
text-align: left; text-align: left;
@ -260,10 +270,10 @@ header h2 {
list-style: disc; list-style: disc;
} }
.mainContainer .wrapper ol, .mainContainer .wrapper ul { .mainContainer .wrapper ol, .mainContainer .wrapper ul {
padding: 10px 0 10px 24px; padding: 10px 0 0 24px;
} }
.mainContainer .wrapper ol li, .mainContainer .wrapper ul li { .mainContainer .wrapper ol li, .mainContainer .wrapper ul li {
padding-bottom: 4px; margin: 0 0 10px 0;
} }
.mainContainer .wrapper strong { .mainContainer .wrapper strong {
font-weight: bold; font-weight: bold;
@ -342,6 +352,19 @@ header h2 {
margin-bottom: 6vh; margin-bottom: 6vh;
} }
.mainContainer .wrapper .post h1,
.mainContainer .wrapper .post h2,
.mainContainer .wrapper .post h3 {
font-weight: 300;
}
.mainContainer .wrapper .post h4,
.mainContainer .wrapper .post h5,
.mainContainer .wrapper .post h6 {
font-weight: 400;
}
#integrations_title { #integrations_title {
font-size: 250%; font-size: 250%;
margin: 80px 0; margin: 80px 0;
@ -479,7 +502,7 @@ header h2 {
box-sizing: border-box; box-sizing: border-box;
background: $primaryColor; background: $primaryColor;
color: #fff; color: #fff;
height: 50px; min-height: 50px;
padding: 10px 0 8px; padding: 10px 0 8px;
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -610,7 +633,7 @@ input[type="search"] {
z-index: 1; z-index: 1;
} }
.navSearchWrapper .aa-dropdown-menu { .navSearchWrapper .aa-dropdown-menu {
background: #f9f9f9; background: '#f9f9f9';
border: 3px solid rgba(57, 57, 57, 0.25); border: 3px solid rgba(57, 57, 57, 0.25);
color: #393939; color: #393939;
font-size: 14px; font-size: 14px;
@ -682,7 +705,6 @@ a code,
.mainContainer .wrapper a:focus code { .mainContainer .wrapper a:focus code {
color: $primaryColor; color: $primaryColor;
font-family: Hack, monospace; font-family: Hack, monospace;
font-size: 90%;
font-weight: 300; font-weight: 300;
} }
a code { a code {
@ -700,8 +722,8 @@ a:hover code {
border-left: 4px solid $primaryColor; border-left: 4px solid $primaryColor;
overflow-x: scroll; overflow-x: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding: 5px 10px; padding: 15px 10px;
margin: 14px 0 14px 20px; margin: 20px 0;
background-color: $prismColor; background-color: $prismColor;
} }
@ -818,7 +840,7 @@ a:hover code {
text-decoration: none; text-decoration: none;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) { @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
.edit-page-link { a.edit-page-link.button{
display: none; display: none;
} }
} }
@ -1316,7 +1338,7 @@ ul#languages li {
padding: 0 3px; padding: 0 3px;
} }
nav.toc { nav.toc {
width: 224px; width: 240px;
} }
nav.toc section { nav.toc section {
padding: 0px; padding: 0px;
@ -1409,7 +1431,7 @@ nav.toc .toggleNav .navGroup ul {
nav.toc .toggleNav .navGroup h3 { nav.toc .toggleNav .navGroup h3 {
background: #adadad; background: #adadad;
color: #393939; color: #393939;
font-size: 14px; font-size: 18px;
font-weight: 400; font-weight: 400;
line-height: 1.2em; line-height: 1.2em;
margin: 0; margin: 0;
@ -1938,7 +1960,7 @@ footer .sitemap h5 {
footer .sitemap h6, footer .sitemap h6,
footer .sitemap h5 > a, footer .sitemap h5 > a,
footer .sitemap h6 > a { footer .sitemap h6 > a {
color: #cca0a7; color: white;
} }
footer .sitemap h5 > a, footer .sitemap h5 > a,
footer .sitemap h6 > a { footer .sitemap h6 > a {