docs: homepage headers: vertical align, match color, add spacing (#4870)

* docs: homepage headers: vertical align, match color, add spacing
This commit is contained in:
Tony Murray
2016-10-24 12:48:04 -05:00
committed by GitHub
parent 4a1c3a93fc
commit 8da3b1f813
2 changed files with 20 additions and 13 deletions

View File

@@ -2,8 +2,8 @@ hide_toc: true
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-download fa-2x fa-pull-left"></i> <i class="fa fa-download fa-2x"></i>
<span> Installing</span> <span> Installing</span>
</div> </div>
<br /> <br />
@@ -15,8 +15,8 @@ hide_toc: true
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-plug fa-2x fa-pull-left"></i> <i class="fa fa-plug fa-2x"></i>
<span> Extensions</span> <span> Extensions</span>
</div> </div>
<br /> <br />
@@ -28,8 +28,8 @@ hide_toc: true
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-bell fa-2x fa-pull-left"></i> <i class="fa fa-bell fa-2x"></i>
<span> Alerting</span> <span> Alerting</span>
</div> </div>
<br /> <br />
@@ -43,8 +43,8 @@ hide_toc: true
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-connectdevelop fa-2x fa-pull-left"></i> <i class="fa fa-connectdevelop fa-2x"></i>
<span> API</span> <span> API</span>
</div> </div>
<br /> <br />
@@ -56,8 +56,8 @@ hide_toc: true
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-ambulance fa-2x fa-pull-left"></i> <i class="fa fa-ambulance fa-2x"></i>
<span> Support</span> <span> Support</span>
</div> </div>
<br /> <br />
@@ -69,8 +69,8 @@ hide_toc: true
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="well"> <div class="well">
<div class="home-header text-danger"> <div class="home-header">
<i class="fa fa-code-fork fa-2x fa-pull-left"></i> <i class="fa fa-code-fork fa-2x"></i>
<span> Developing</span> <span> Developing</span>
</div> </div>
<br /> <br />

View File

@@ -24,5 +24,12 @@ body {
} }
/* size and align the headers on the home screen */ /* size and align the headers on the home screen */
.home-header { font-size: 2em; } .home-header {
font-size: 1.6em;
color: #da223a;
}
.home-header>i {
vertical-align: middle;
padding-right: 12px;
}
.home-header>span { vertical-align: middle; } .home-header>span { vertical-align: middle; }