Wallet/src/sass/views/feedback/complete.scss

58 lines
1 KiB
SCSS
Raw Normal View History

2016-11-11 17:05:06 -03:00
#complete {
2016-11-03 13:39:01 -03:00
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;
2016-11-03 13:39:01 -03:00
}
}
2016-11-01 14:21:35 -03:00
.title {
font-size: 20px;
font-weight: bold;
color: $dark-gray;
margin: 20px 10px;
text-align: center;
}
.subtitle {
padding: 10px 30px 20px;
text-align: center;
2016-11-15 16:35:30 -05:00
color: $mid-gray;
2016-11-14 23:20:41 -03:00
}
.icon-svg > img {
height: 16rem;
width: 16rem;
2016-11-15 00:05:20 -03:00
margin: 10px;
2016-11-14 23:20:41 -03:00
}
.socialsharing-icon {
display: inline-block;
width: 60px;
2016-11-14 23:20:41 -03:00
}
.addressbook-icon-svg {
display: inline-block;
width: 50px;
height: 50px;
2016-11-01 14:21:35 -03:00
}
2016-11-03 13:39:01 -03:00
.share-buttons {
padding: 50px 10px;
2016-11-03 13:39:01 -03:00
background-color: $subtle-gray;
text-align: center;
}
.share-buttons__action {
display: inline-block;
color: #667;
font-size: .9rem;
width: 90px;
2016-11-02 15:30:14 -03:00
}
2016-11-01 14:21:35 -03:00
}