Wallet/src/sass/views/includes/txp-details.scss

88 lines
1.7 KiB
SCSS
Raw Normal View History

#txp-details {
$item-lateral-padding: 20px;
$item-vertical-padding: 10px;
$item-border-color: #EFEFEF;
$item-label-color: #6C6C6E;
.wallet-color-header-bar {
border: 0;
background: none;
}
2016-09-22 17:40:17 -03:00
.slide-to-pay {
2016-09-20 10:02:28 -03:00
bottom: 100px;
}
.head {
padding: 30px $item-lateral-padding 4rem;
.sending-label {
display: flex;
font-size: 18px;
align-items: center;
margin-bottom: 1.5rem;
img {
margin-right: 1rem;
2016-09-20 10:02:28 -03:00
}
}
.amount-label{
line-height: 30px;
.amount{
font-size: 38px;
margin-bottom: .5rem;
> .unit {
font-family: "Roboto-Light";
}
2016-09-20 10:02:28 -03:00
}
.alternative {
font-size: 16px;
font-family: "Roboto-Light";
color: #9B9B9B;
2016-09-20 10:02:28 -03:00
}
}
}
.info {
2016-09-20 10:02:28 -03:00
span {
display: block;
}
.item {
border-color: $item-border-color;
padding: $item-vertical-padding $item-lateral-padding;
&__label {
font-size: 14px;
color: $item-label-color;
}
}
2016-09-20 10:02:28 -03:00
.payment-proposal-to {
width: 100%;
display: inline-block;
padding: 5px 15px;
background-color: #f5f5f5;
margin-top: 10px;
i {
color: grey;
position: inherit;
left: 25px;
vertical-align: super;
padding-right: 10px;
border-right: 1px solid;
border-color: grey;
font-size: 20px;
}
contact {
margin-left: 15px;
margin-bottom: 3px;
margin-top: 5px;
font-size: 14px;
display: inline-block;
}
}
}
.accept-slide {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
background-color: #f5f5f5;
}
}