Layout tweaks

This commit is contained in:
Ryan L McIntyre 2017-04-23 11:31:12 -04:00
parent 5c3b07f145
commit 2a26bfb2cf
3 changed files with 15 additions and 8 deletions

View file

@ -80,7 +80,7 @@ hr {
}
.container ol, .container ul { padding: 0 8%; }
.container p:first-of-type {
margin-top: 40px;
margin-top: 10px;
}
/* keep embedded videos fluid! */

View file

@ -2,6 +2,7 @@
#main .nerd-font-button {
padding-top: .5rem;
padding-bottom: .5rem;
margin: 0px;
}
#main .nerd-font-button a {
@ -9,6 +10,10 @@
color: inherit;
}
#main .nerd-font-badges {
line-height: 2.3em;
}
#forkongithub .fa {
font-size: 1.5rem;
}
@ -16,3 +21,7 @@
#forkongithub span {
font-size: 1.75rem;
}
#forkongithub a {
display: inline-block;
}

View file

@ -15,16 +15,14 @@ style: center
<a class="github-button" href="https://github.com/ryanoasis/nerd-fonts/fork" data-icon="octicon-repo-forked" data-style="mega" data-count-href="/ryanoasis/nerd-fonts/network" data-count-api="/repos/ryanoasis/nerd-fonts#forks_count" data-count-aria-label="# forks on GitHub" aria-label="Fork ryanoasis/nerd-fonts on GitHub">Fork</a>
<div class="container">
<div class="half column" markdown="1">
<div class="half column nerd-font-badges" markdown="1">
[![GitHub release][img-version-badge-with-logo]][repo]&nbsp;[![Gitter][img-gitter-badge]][gitter]&nbsp;&nbsp;&nbsp;![Windows Logo][w-top]&nbsp;&nbsp;&nbsp;![macOS (OSX) Logo][m-top]&nbsp;&nbsp;&nbsp;![Linux Logo][l-top]
</div>
<div class="half column">
<p>
<h3 class="inlineblock bg-blue text-white nerd-font-button">
<i class="fa fa-download"></i>
<a href="#downloads" class="inlineblock">Downloads</a>
</h3>
</p>
<h3 class="inlineblock bg-blue text-white nerd-font-button">
<i class="fa fa-download"></i>
<a href="#downloads" class="inlineblock">Downloads</a>
</h3>
</div>
</div>