set independent pane element behind disclaimer view to hold background, refined transform size on shrink

This commit is contained in:
Jamal Jackson 2016-11-16 13:28:59 -05:00
commit 98a4c9a501
3 changed files with 43 additions and 35 deletions

View file

@ -1,9 +1,9 @@
#onboarding-disclaimer {
color: #fff;
height: 100%;
transition: transform 2s ease;
transition: transform 1s ease;
&.shrink{
transform: scale(.5);
transform: scale(.98);
}
&-container {
max-width: 450px;
@ -90,9 +90,6 @@
bottom: 0;
width: 100%;
z-index: 10;
&.header-present{
bottom: 38px;
}
&-content{
max-width: 450px;
@include center-block();
@ -119,6 +116,11 @@
.checkbox input:before,
.checkbox .checkbox-icon:before{
border-color:$soft-blue;
background:#fff;
}
.checkbox input:after,
.checkbox .checkbox-icon:after{
border-color:#13e5b6;
}
.checkbox input:checked:before,
.checkbox input:checked + .checkbox-icon:before {

View file

@ -53,6 +53,10 @@
width: 100%;
}
.pane-onboarding{
background: #0B1E4F;
}
@import "terms-of-use";
@import "onboard-welcome";
@import "onboard-tour";