design(homeTip): implement design of the homeTip card

This commit is contained in:
Jason Dreyzehner 2016-10-04 14:12:09 -04:00
parent a43afb038f
commit b6bd833a96
2 changed files with 16 additions and 11 deletions

View File

@ -4,6 +4,7 @@ $soft-blue: #647ce8;
$subtle-gray: #f5f5f5;
$roboto: "Roboto", sans-serif;
$roboto-light: "Roboto-Light", sans-serif-light;
$dark-gray: #445;
$mid-gray: #667;
$light-gray: #9b9bab;

View File

@ -65,27 +65,31 @@
padding-bottom: 27px;
}
.homeTip {
text-align: center;
& > .item-heading {
margin-top: 10px;
background: 0 none;
}
.item {
border-style: none;
}
div {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.title {
& > .title {
font-size: 20px;
font-weight: bold;
color: $dark-gray;
margin: 20px 10px;
}
.subtitle{
margin-left: 25px;
margin-right: 25px;
font-size: 18px;
font-weight: 100;
& > .subtitle {
font-size: 1rem;
line-height: 1.5em;
font-weight: 300;
color: $dark-gray;
margin: 20px 3em 2.5em;
}
.big-icon-svg{
.bg.green{
padding: 0 10px;
box-shadow: none;
}
}
}