mirror of
https://github.com/necolas/normalize.css.git
synced 2024-12-25 15:14:19 +00:00
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:
parent
27d53d80f9
commit
257aa3fc07
@ -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 »</a>
|
<a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css »</a>
|
||||||
|
|
||||||
|
19
main.css
19
main.css
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user