anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

started disclaimer animation

Browse source
This commit is contained in:
Jamal Jackson 2016-11-11 13:09:01 -05:00
commit 46f8b5be56
4 changed files with 65 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

93
src/sass/views/onboarding/onboard-disclaimer.scss
View file

@ -1,6 +1,10 @@
#onboarding-disclaimer {
color: #fff;
height: 100%;
transition: transform 2s ease;
&.shrink{
transform: scale(.5);
}
&-container {
max-width: 450px;
display: flex;
@ -78,57 +82,56 @@
top:30%;
left:0;
}
#agree-to-terms {
background: #fff;
padding:1rem;
position: absolute;
bottom: 0;
width: 100%;
&.header-present{
bottom: 38px;
}
&-content{
max-width: 600px;
@include center-block();
}
.item{
color:rgb(58,58,58);
padding-bottom: 2.5rem;
float: left;
.item-content{
white-space: normal;
}
}
p{
color:rgb(58,58,58);
text-align: left;
}
@media (min-width:450px){
p{
position: relative;
top: .6rem;
}
}
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
border-color: rgb(19, 229, 182);
}
button{
margin-top:1.5rem;
position: relative;
}
#agree-to-terms {
background: #fff;
padding:1rem;
position: absolute;
bottom: 0;
width: 100%;
z-index: 10;
&.header-present{
bottom: 38px;
}
&-content{
max-width: 450px;
@include center-block();
}
.item{
color:rgb(58,58,58);
padding-bottom: 2.5rem;
float: left;
border:none;
.item-content{
white-space: normal;
}
}
p{
color:rgb(58,58,58);
text-align: left;
}
@media (min-width:450px){
p{
position: relative;
top: .6rem;
}
}
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {
border-color: rgb(19, 229, 182);
}
button{
margin-top:1.5rem;
position: relative;
}
}
@media (max-height:460px){
#onboarding-disclaimer{
#agree-to-terms{
position: relative;
float:left;
}
}
}