set independent pane element behind disclaimer view to hold background, refined transform size on shrink
This commit is contained in:
parent
46f8b5be56
commit
98a4c9a501
3 changed files with 43 additions and 35 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -53,6 +53,10 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.pane-onboarding{
|
||||
background: #0B1E4F;
|
||||
}
|
||||
|
||||
@import "terms-of-use";
|
||||
@import "onboard-welcome";
|
||||
@import "onboard-tour";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue