updated notifications cta image size for tablet sizes, set max width for disclaimer checkbox items

This commit is contained in:
Jamal Jackson 2016-09-26 15:26:36 -04:00
commit c40c43505f
4 changed files with 47 additions and 24 deletions

View file

@ -10,6 +10,10 @@
margin-top:1.5rem;
}
}
.list{
max-width: 600px;
@include center-block();
}
.item {
background: transparent;
border: none;
@ -55,6 +59,10 @@
position: absolute;
bottom: 0;
width: 100%;
&-content{
max-width: 600px;
@include center-block();
}
.item{
color:rgb(58,58,58);
padding-bottom: 2.5rem;

View file

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

View file

@ -91,7 +91,11 @@
.onboarding{
ion-content{
h2{
font-size: 1.2rem;
font-size: 2rem;
}
p{
font-size: 1.4rem;
line-height: 1.9rem;
}
p,h2,h3{
max-width: 600px !important;