15308555518/ docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-12-25 17:22:50 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Reduce redundant css (#621)

This commit is contained in:
Yangshun Tay 2018-04-29 22:24:33 -07:00 committed by Joel Marcey
parent a7b65bb6f4
commit ef7f8b061f
1 changed files with 22 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
lib/static/css/main.css
View File

@ -19,6 +19,7 @@ time, mark, audio, video {
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
@ -48,7 +49,7 @@ table {
body {
background: #f9f9f9;
color: #393939;
font: normal 16px/1.4em -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font: normal 16px/1.4em -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;
min-height: 100vh;
text-align: left;
text-rendering: optimizeLegibility;
@ -110,12 +111,7 @@ blockquote {
border-left: 5px solid rgba(191, 87, 73, 0.2);
}
#fb_oss a {
border: 0;
}
h1, h2, h3, h4 {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-weight: 300;
color: $primaryColor;
}
@ -148,14 +144,12 @@ header h2 {
margin-bottom: 0px;
}
.homeContainer .homeWrapper h1#project_title {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-size: 300%;
letter-spacing: -0.08em;
line-height: 1em;
margin-bottom: 80px;
}
.homeContainer .homeWrapper h2#project_tagline {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-size: 200%;
letter-spacing: -0.04em;
line-height: 1em;
@ -180,12 +174,6 @@ header h2 {
margin: 40px 0;
}
.fbossFontLight {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-weight: 300;
font-style: normal;
}
.fb-like {
display: block;
margin-bottom: 20px;
@ -375,7 +363,7 @@ header h2 {
.mainContainer .wrapper .post h1,
.mainContainer .wrapper .post h2,
.mainContainer .wrapper .post h3 {
font-weight: 300;
font-weight: 300;
}
.mainContainer .wrapper .post h4,
@ -384,31 +372,11 @@ header h2 {
font-weight: 400;
}
#integrations_title {
font-size: 250%;
margin: 80px 0;
}
.ytVideo {
height: 0;
overflow: hidden;
padding-bottom: 53.4%;
/* 16:9 */
padding-top: 25px;
position: relative;
}
.ytVideo iframe,
.ytVideo object,
.ytVideo embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.projectTitle {
font-size: 250%;
line-height: 1em;
@ -543,7 +511,6 @@ header h2 {
}
.fixedHeaderContainer header h2 {
display: block;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-weight: 400;
line-height: 18px;
position: relative;
@ -551,7 +518,6 @@ header h2 {
}
.fixedHeaderContainer header h3 {
text-decoration: underline;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
color: white;
margin-left: 10px;
font-size: 16px;
@ -619,7 +585,7 @@ header h2 {
display: block;
}
/** Search **/
/* Search */
input[type="search"] {
-moz-appearance: none;
-webkit-appearance: none;
@ -637,7 +603,7 @@ input[type="search"] {
.navSearchWrapper::before {
border: 3px solid #e5e5e5;
border-radius: 50%;
content: " ";
content: ' ';
display: block;
height: 6px;
left: 15px;
@ -649,7 +615,7 @@ input[type="search"] {
}
.navSearchWrapper::after {
background: #e5e5e5;
content: " ";
content: ' ';
height: 7px;
left: 24px;
position: absolute;
@ -670,7 +636,6 @@ input[type="search"] {
.navSearchWrapper .aa-dropdown-menu .algolia-docsearch-suggestion--category-header {
background: $primaryColor;
color: white;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-weight: 400;
font-size: 14px;
}
@ -689,7 +654,6 @@ input[type="search"] {
input#search_input_react {
padding-left: 25px;
font-size: 14px;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
font-weight: 300;
line-height: 20px;
border-radius: 20px;
@ -725,6 +689,7 @@ input::placeholder {
color: #e5e5e5;
}
/* Code */
code {
padding: 2px 0;
background-color: $codeColor;
@ -733,7 +698,7 @@ code {
box-shadow: 2px 0 $codeColor, -2px 0 $codeColor;
color: inherit;
border-radius: .3em;
font-family: "SFMono-Regular",source-code-pro,Menlo,Monaco,Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Consolas,"Courier New",Courier,monospace;
font-family: 'SFMono-Regular',source-code-pro,Menlo,Monaco,Consolas,'Roboto Mono','Droid Sans Mono','Liberation Mono',Consolas,'Courier New',Courier,monospace;
/* avoids scale issues on mobile */
word-break: break-word;
}
@ -741,7 +706,6 @@ code {
pre code {
display: block;
margin: 20px 0;
font-family: "SFMono-Regular",source-code-pro,Menlo,Monaco,Consolas,"Roboto Mono","Droid Sans Mono","Liberation Mono",Consolas,"Courier New",Courier,monospace;
font-size: 13px;
overflow-x: auto;
}
@ -750,7 +714,7 @@ pre code {
padding: 1.25rem 1.5rem;
}
/** GitHub **/
/* GitHub */
.edit-page-link {
float: right;
font-size: 10px;
@ -758,11 +722,12 @@ pre code {
text-decoration: none;
}
@media only screen and (max-width: 735px) {
a.edit-page-link.button{
.edit-page-link {
display: none;
}
}
/** GridBlock **/
/* GridBlock */
.gridBlock {
margin: -5px 0;
padding: 0;
@ -899,7 +864,7 @@ pre code {
padding-left: 20px;
}
.responsiveList .blockContent::before {
content: "\2022";
content: '\2022';
position: absolute;
}
}
@ -1043,23 +1008,6 @@ ul#languages li {
display: block;
}
.menuExpand {
display: flex;
flex-flow: column nowrap;
height: 20px;
justify-content: space-between;
}
.menuExpand span {
background: #fff;
border-radius: 3px;
display: block;
flex: 0 0 4px;
height: 4px;
position: relative;
top: 0;
transition: background-color 0.3s, top 0.3s, opacity 0.3s, transform 0.3s;
width: 20px;
}
.navPusher {
padding-top: 100px;
position: relative;
@ -1211,6 +1159,7 @@ ul#languages li {
}
}
/* Docs Navigation */
.docs-prevnext {
margin: 20px 0;
}
@ -1229,6 +1178,7 @@ ul#languages li {
}
}
/* Docs Sidebar */
.docsNavContainer {
background: #fff;
height: 35px;
@ -1267,13 +1217,13 @@ ul#languages li {
color: #393939;
}
.navBreadcrumb i {
padding: 0 3px;
padding: 0 4px;
}
nav.toc {
width: 240px;
}
nav.toc section {
padding: 0px;
padding: 0;
position: relative;
}
nav.toc:last-child {
@ -1538,8 +1488,7 @@ nav.toc .toggleNav .navBreadcrumb h2 {
}
}
/* Tables */
/* Table */
table {
border-collapse: collapse;
border-spacing: 0;
@ -1592,6 +1541,7 @@ table td code {
font-size: 12px;
}
/* Blog */
.mainContainer:not(.blogContainer) .wrapper .post,
.blogContainer .posts,
.blogContainer .lonePost {
@ -1668,7 +1618,7 @@ h6:hover .header-link {
opacity: 1;
}
/** Homepage **/
/* Homepage */
.container .wrapper .alignCenter h2 {
text-align: center;
}
@ -1734,7 +1684,7 @@ h6:hover .header-link {
}
}
/** Showcase **/
/* Showcase */
.showcaseSection {
max-width: 900px;
text-align: center;
@ -1742,7 +1692,6 @@ h6:hover .header-link {
}
.showcaseSection .prose h1 {
color: $primaryColor;
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
text-align: center;
padding: 1.4em 0 0.4em;
}
@ -1771,7 +1720,7 @@ h6:hover .header-link {
}
}
/** Footer **/
/* Footer */
footer.nav-footer {
position: relative;
box-sizing: border-box;