[docs] Spacing tweaks when getting responsive.

This commit is contained in:
Alec Perkins 2012-09-07 13:52:44 -04:00
parent 6d7d70c1c0
commit 30dedc95e5
2 changed files with 40 additions and 4 deletions

View File

@ -1,8 +1,39 @@
/* Set the body padding-top when above 980px to push the content down from
below the navbar, which is fixed at >980px screen widths. */
@media (min-width: 980px) {
body {
padding-top: 71px;
}
}
body { body {
padding-top: 60px;
padding-bottom: 40px; padding-bottom: 40px;
} }
/* Preserve the spacing of the navbar across different screen sizes. */
.navbar-inner {
padding: 5px 0;
}
@media (max-width: 979px) {
.navbar .brand {
margin-left: 0;
padding-left: 0;
}
.navbar-inner .container-fluid {
padding-left: 15px;
}
}
.nav-list li.main {
font-weight: bold;
}
/* Set the table of contents to static so it flows back into the content when /* Set the table of contents to static so it flows back into the content when
viewed on tablets and smaller. */ viewed on tablets and smaller. */
@media (max-width: 767px) { @media (max-width: 767px) {
@ -11,10 +42,15 @@ body {
} }
} }
.nav-list li.main { /* When the page is in two-column layout, give the main content some room
font-weight: bold; to breath on the left. */
@media (min-width: 768px) {
#main-content {
padding-left: 1em;
}
} }
blockquote { blockquote {
font-family: Georgia, serif; font-family: Georgia, serif;
font-size: 18px; font-size: 18px;

View File

@ -92,7 +92,7 @@
</div> </div>
</div> </div>
<div class="span9"> <div id="main-content" class="span9">
{{ content }} {{ content }}
</div><!--/span--> </div><!--/span-->
</div><!--/row--> </div><!--/row-->