mirror of https://github.com/BTCPrivate/copay.git
design(homeTip): implement design of the homeTip card
This commit is contained in:
parent
a43afb038f
commit
b6bd833a96
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue