Add Bower install to homepage

Make related adjustments to reduce size of text and margins of various
parts of the main content.
This commit is contained in:
Nicolas Gallagher 2013-03-27 15:46:38 -07:00
parent 27d53d80f9
commit 257aa3fc07
2 changed files with 11 additions and 13 deletions

View File

@ -16,7 +16,7 @@
<h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2> <h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2>
</div> </div>
<p class="description"><a href="https://github.com/necolas/normalize.css/">Normalize.css</a> makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.</p> <p class="txt-large"><a href="https://github.com/necolas/normalize.css/">Normalize.css</a> makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.</p>
<div class="cta-option"> <div class="cta-option">
<a class="btn-download" <a class="btn-download"
@ -40,6 +40,9 @@
href="https://github.com/necolas/normalize.css/blob/v1.1.0/CHANGELOG.md">See the CHANGELOG</a> href="https://github.com/necolas/normalize.css/blob/v1.1.0/CHANGELOG.md">See the CHANGELOG</a>
</div> </div>
<p class="txt-large">…or install with <a href="http://twitter.github.com/bower/">Bower</a>.</p>
<pre><code>bower install --save normalize-css</code></pre>
<div class="share-bar"> <div class="share-bar">
<a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a> <a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a>

View File

@ -1,6 +1,6 @@
body { body {
max-width: 720px; max-width: 720px;
padding: 40px; padding: 20px 40px;
margin: 0 auto; margin: 0 auto;
background: #f7f7f7; background: #f7f7f7;
color: #333; color: #333;
@ -24,13 +24,13 @@ h2 {
} }
p { p {
margin: 0 0 1em; margin: 1em 0;
} }
/* structure */ /* structure */
.site-box { .site-box {
padding: 60px 60px 0; padding: 40px 60px 0;
border: 1px solid #ccc; border: 1px solid #ccc;
margin: 0 0 3em; margin: 0 0 3em;
background: #fff; background: #fff;
@ -43,7 +43,7 @@ p {
} }
.logo { .logo {
margin: 0 0 1.25em; margin: 0 0 1em;
font-size: 2.375em; font-size: 2.375em;
color: #69a619; color: #69a619;
text-transform: lowercase; text-transform: lowercase;
@ -53,12 +53,7 @@ p {
.tagline { .tagline {
margin: 0 0 0.75em; margin: 0 0 0.75em;
font-size: 2.5em; font-size: 2.25em;
}
.description {
color: #555;
font-size: 1.25em;
} }
/** /**
@ -72,7 +67,7 @@ p {
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
margin: 1.5em 0.75em 0; margin: 1.5em 0.75em 0.5em;
vertical-align: bottom; vertical-align: bottom;
} }
@ -87,7 +82,7 @@ p {
*display: inline; *display: inline;
*zoom: 1; *zoom: 1;
padding: 0.6em 1.25em; padding: 0.4em 1em;
border: 1px solid #5e9612; border: 1px solid #5e9612;
margin: 0 0 10px; margin: 0 0 10px;
color: #fff; color: #fff;