Wallet/src/sass/views/tab-home.scss

87 lines
1.6 KiB
SCSS
Raw Normal View History

2016-08-30 19:00:17 -04:00
#tab-home {
.icon-create-wallet {
background-image: url("../img/icon-bitcoin.svg");
}
.icon-buy-bitcoin {
background-image: url("../img/icon-gift.svg");
}
.icon-bitpay-card {
background-image: url("../img/icon-bitpay.svg");
}
.icon-gift {
background-image: url("../img/icon-gift.svg");
}
2016-09-21 13:13:39 -04:00
.card{
.item {
color: #444;
border-top:none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
&:before {
display: block;
position: absolute;
width: 86%;
height: 1px;
background: rgba(221, 221, 221, 0.3);
top:0;
right:0;
content:'';
@media (min-width: 450px){
&{
width:90%;
}
}
2016-09-21 13:13:39 -04:00
}
&.item-heading{
&:before{
width:100% !important;
2016-09-21 13:13:39 -04:00
top:99%
}
}
&:nth-child(1){
&:before{
width:0;
}
}
&:nth-child(2):last-child{
2016-09-21 13:13:39 -04:00
&:before{
width:0;
}
}
}
}
2016-09-15 13:58:50 -04:00
.next-step {
padding-top: 20px;
padding-bottom: 20px;
2016-09-29 15:18:08 -04:00
&.item{
padding-top:2rem;
padding-bottom: 2rem;
}
2016-09-15 13:58:50 -04:00
}
.homeTip {
.item {
border-style: none;
}
div {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.title {
font-size: 20px;
font-weight: bold;
}
.subtitle{
margin-left: 25px;
margin-right: 25px;
font-size: 18px;
font-weight: 100;
}
.big-icon-svg{
.bg.green{
padding: 0 10px;
}
}
}
2016-08-30 19:00:17 -04:00
}