finish adding styles for push notifications view(initial testing for iPhone5 size devices only)

This commit is contained in:
Jamal Jackson 2016-09-13 15:45:56 -04:00
commit 390a7deecf
5 changed files with 96 additions and 11 deletions

View file

@ -0,0 +1,37 @@
#onboarding-push-notifications{
h2{
margin-top:2rem;
}
#cta{
background-image: url('../img/onboarding-push-notifications.svg');
height: 15rem;
margin-top: .75rem;
}
.cta-buttons{
float:none;
bottom:0;
position: absolute;
width:100%;
button{
max-width: 400px;
}
}
}
@media (max-width: 400px){
#onboarding-push-notifications{
.cta-buttons{
float:none;
bottom:0;
position: absolute;
}
}
}
@media (max-height: 540px){
#onboarding-push-notifications{
.cta-buttons{
float:left;
position: relative;
}
}
}