onboarding backup desktop stylings updates
This commit is contained in:
parent
3af5405340
commit
91a216cf0d
5 changed files with 59 additions and 7 deletions
|
|
@ -10,8 +10,9 @@
|
|||
}
|
||||
.cta-buttons{
|
||||
width:100%;
|
||||
float:left;
|
||||
position: relative;
|
||||
float:none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -33,6 +34,9 @@
|
|||
float:none;
|
||||
bottom:0;
|
||||
position: absolute;
|
||||
button{
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -43,4 +47,11 @@
|
|||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-height: 980px){
|
||||
#onboarding-backup-request{
|
||||
#arrow-down{
|
||||
margin-top: 15rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -9,8 +9,13 @@
|
|||
font-size: 4.2rem;
|
||||
}
|
||||
.cta-buttons{
|
||||
float:left;
|
||||
float:none;
|
||||
bottom:46px;
|
||||
position: absolute;
|
||||
width:100%;
|
||||
button{
|
||||
max-width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -64,6 +64,19 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 1000px){
|
||||
#onboarding-collect-email{
|
||||
#collect-email{
|
||||
p, form{
|
||||
max-width: 600px;
|
||||
@include center-block();
|
||||
}
|
||||
form{
|
||||
margin-top:.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes topBottom {
|
||||
0% {
|
||||
|
|
|
|||
|
|
@ -23,6 +23,10 @@
|
|||
background-position: top;
|
||||
}
|
||||
}
|
||||
.cta-button{
|
||||
position: absolute;
|
||||
bottom: 85px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 400px){
|
||||
|
|
@ -34,3 +38,22 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1000px){
|
||||
#onboard-tour{
|
||||
p, h2, h3{
|
||||
max-width: 600px;
|
||||
}
|
||||
button{
|
||||
max-width: 400px;
|
||||
}
|
||||
#cta{
|
||||
margin: 2rem 0 0;
|
||||
}
|
||||
&-control{
|
||||
#cta{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue