account for nav on docs pages

This commit is contained in:
Mark Otto 2015-08-05 00:10:15 -07:00
parent b728fe2bbd
commit 6836530f72
6 changed files with 19 additions and 15 deletions

View File

@ -1,10 +1,8 @@
<header class="navbar navbar-sm navbar-inverse navbar-fixed-top bd-navbar" role="banner">
<div class="container">
<nav class="nav navbar-nav">
<a class="nav-item nav-link" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>
<a class="nav-item nav-link" href="{{ site.baseurl }}/getting-started/overview/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
<a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
<a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</nav>
</div>
<nav class="nav navbar-nav">
<a class="nav-item nav-link" href="{{ site.baseurl }}/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Bootstrap');">Bootstrap</a>
<a class="nav-item nav-link" href="{{ site.baseurl }}/getting-started/overview/" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Docs');">Documentation</a>
<a class="nav-item nav-link" href="{{ site.expo }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Expo');">Expo</a>
<a class="nav-item nav-link" href="{{ site.blog }}" onclick="ga('send', 'event', 'Navbar', 'Community links', 'Blog');">Blog</a>
</nav>
</header>

View File

@ -4,6 +4,9 @@
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
.bd-docs {
padding-top: 3.7rem; }
.bd-container {
position: relative;
max-width: 62rem;
@ -81,7 +84,7 @@
margin-left: 240px; }
.bd-sidebar {
position: fixed;
top: 0;
top: 3.7rem;
bottom: 0;
left: 0;
width: 240px;
@ -240,8 +243,7 @@
background-color: rgba(0, 0, 0, 0.5); }
.bd-navbar {
padding-top: .25rem;
padding-bottom: .25rem;
padding: .25rem;
background-color: #2a2730; }
.bd-navbar .nav-link {
color: #8e869d; }

File diff suppressed because one or more lines are too long

View File

@ -30,8 +30,7 @@
//
.bd-navbar {
padding-top: .25rem;
padding-bottom: .25rem;
padding: .25rem;
background-color: $bd-graphite;
.nav-link {

View File

@ -1,3 +1,8 @@
.bd-docs {
padding-top: 3.7rem;
}
// Custom container
//
// Doesn't use the default `.container` styles for easier modifications.

View File

@ -31,7 +31,7 @@
}
.bd-sidebar {
position: fixed;
top: 0;
top: 3.7rem;
bottom: 0;
left: 0;
width: 240px;