polished responsiveness of welcome view

This commit is contained in:
Jamal Jackson 2016-09-08 10:17:34 -04:00
commit b99bfd1cbd
3 changed files with 51 additions and 5 deletions

View file

@ -17,7 +17,7 @@
@include center-block();
}
.logo {
margin-top: 13rem;
margin-top: 20rem;
}
button {
@include center-block(1rem);
@ -30,5 +30,43 @@
background: none;
}
}
#cta-buttons {
position: absolute;
bottom: 0;
width: 100%;
button {
max-width: 400px;
min-width: 300px;
}
}
}
}
@media (max-width:500px), (max-height:800px) {
#onboard-welcome {
ion-content {
.logo {
margin-top: 12rem;
}
}
}
}
@media (max-width:420px) {
#onboard-welcome {
ion-content {
.logo {
margin-top: 8rem;
}
}
}
}
@media (max-height:608px) {
#onboard-welcome {
#cta-buttons {
position: relative !important;
float: left;
}
}
}