Wallet/src/sass/views/feedback/complete.scss
2016-11-16 13:54:38 -05:00

58 lines
1 KiB
SCSS

#complete {
background-color: #ffffff;
.close-button {
color: $dark-gray;
position: absolute;
top: 10px;
right: 15px;
font-size: 36px;
}
.complete-layout {
display: flex;
flex-direction: column;
height: 100%;
&__expand {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
}
}
.title {
font-size: 20px;
font-weight: bold;
color: $dark-gray;
margin: 20px 10px;
text-align: center;
}
.subtitle {
padding: 10px 30px 20px;
text-align: center;
color: $mid-gray;
}
.icon-svg > img {
height: 16rem;
width: 16rem;
margin: 10px;
}
.socialsharing-icon {
display: inline-block;
width: 60px;
}
.addressbook-icon-svg {
display: inline-block;
width: 50px;
height: 50px;
}
.share-buttons {
padding: 50px 10px;
background-color: $subtle-gray;
text-align: center;
}
.share-buttons__action {
display: inline-block;
color: #667;
font-size: .9rem;
width: 90px;
}
}