finish adding styles for push notifications view(initial testing for iPhone5 size devices only)
This commit is contained in:
parent
ee046cde4e
commit
390a7deecf
5 changed files with 96 additions and 11 deletions
37
src/sass/views/onboarding/onboard-push-notifications.scss
Normal file
37
src/sass/views/onboarding/onboard-push-notifications.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue