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; $subtle-gray: #f5f5f5;
$roboto: "Roboto", sans-serif; $roboto: "Roboto", sans-serif;
$roboto-light: "Roboto-Light", sans-serif-light; $roboto-light: "Roboto-Light", sans-serif-light;
$dark-gray: #445;
$mid-gray: #667; $mid-gray: #667;
$light-gray: #9b9bab; $light-gray: #9b9bab;

View File

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