amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 20:01:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[docs] Update site nav

Browse Source
This commit is contained in:
Ben Alpert
2015-03-26 10:06:09 -07:00
parent 524806a3e5
commit aa86d2fbab
2 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
_layouts/default.html
View File

@@ -45,12 +45,16 @@
<img class="nav-logo" src="/react/img/logo.svg" width="36" height="36">
React
</a>
<ul class="nav-site">
<li><a href="/react/docs/getting-started.html"{% if page.sectionid == 'docs' or page.sectionid == 'tips' %} class="active"{% endif %}>docs</a></li>
<li><a href="/react/support.html"{% if page.id == 'support' %} class="active"{% endif %}>support</a></li>
<li><a href="/react/downloads.html"{% if page.id == 'downloads' %} class="active"{% endif %}>download</a></li>
<li><a href="/react/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>blog</a></li>
<li><a href="https://github.com/facebook/react">github</a>
<ul class="nav-site nav-site-internal">
<li><a href="/react/docs/getting-started.html"{% if page.sectionid == 'docs' or page.sectionid == 'tips' %} class="active"{% endif %}>Docs</a></li>
<li><a href="/react/support.html"{% if page.id == 'support' %} class="active"{% endif %}>Support</a></li>
<li><a href="/react/downloads.html"{% if page.id == 'downloads' %} class="active"{% endif %}>Download</a></li>
<li><a href="/react/blog/"{% if page.sectionid == 'blog' %} class="active"{% endif %}>Blog</a></li>
</ul>
<ul class="nav-site nav-site-external">
<li><a href="https://github.com/facebook/react">GitHub</a>
<li><a href="http://facebook.github.io/react-native/">React Native</a>
</ul>
</div>
</div>

20
css/react.scss
View File

@@ -111,25 +111,30 @@ h1, h2, h3, h4, h5, h6 {
text-decoration: none;
}
.nav-site {
.nav-site-internal {
margin: 0 0 0 20px;
}
.nav-site-external {
float: right;
margin: 0;
}
.nav-site {
li {
margin: 0;
}
a {
padding: 0 8px;
text-transform: uppercase;
letter-spacing: 1px;
box-sizing: content-box;
padding: 0 10px;
line-height: $navHeight;
display: inline-block;
height: $navHeight;
color: $mediumTextColor;
color: #ddd;
&:hover {
color: $lightTextColor;
color: #fff;
}
&.active {
@@ -154,7 +159,8 @@ h1, h2, h3, h4, h5, h6 {
}
ul {
display: inline;
display: inline-block;
vertical-align: top;
}
li {