Ajuste mobile - secção FAQS

This commit is contained in:
Filipe Pinho 2019-01-11 23:59:17 +00:00
parent 2064e11bcc
commit f90f03116d
3 changed files with 34 additions and 3 deletions

View File

@ -159,6 +159,12 @@ h1 {
} }
} }
@media (max-width: 769px) {
h1 {
font-size: 30px;
}
}
h3 { h3 {
letter-spacing: 1px; letter-spacing: 1px;
font-weight: normal; font-weight: normal;
@ -940,6 +946,14 @@ hr::after {
-webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out; -webkit-transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
} }
@media (max-width: 769px) {
#accordion li .toggle {
font-size: 19px;
line-height: 24px;
padding: 20px;
}
}
#accordion li .content-accordion { #accordion li .content-accordion {
display: none; display: none;
padding: 45px 35px; padding: 45px 35px;
@ -948,6 +962,12 @@ hr::after {
border-top: 0; border-top: 0;
} }
@media (max-width: 769px) {
#accordion li .content-accordion {
padding: 25px;
}
}
#accordion li .content-accordion p { #accordion li .content-accordion p {
margin-bottom: 5px; margin-bottom: 5px;
} }

File diff suppressed because one or more lines are too long

View File

@ -198,6 +198,9 @@ h1 {
font-size: 34px; font-size: 34px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@include mobile {
font-size: 30px;
}
} }
h3 { h3 {
@ -660,7 +663,7 @@ hr {
.price { .price {
@include font($bai-font, 58px, 58px, $dark-grey); @include font($bai-font, 58px, 58px, $dark-grey);
font-weight: 400; font-weight: 400;
@include mobile{ @include mobile {
margin: 20px 0; margin: 20px 0;
} }
span { span {
@ -707,7 +710,7 @@ hr {
background-color: $red; background-color: $red;
color: $white; color: $white;
} }
@include mobile{ @include mobile {
display: inline-block; display: inline-block;
margin-top: 30px; margin-top: 30px;
} }
@ -767,6 +770,11 @@ hr {
-webkit-transition: border-color $transition-time ease-out, -webkit-transition: border-color $transition-time ease-out,
background-color $transition-time ease-out, background-color $transition-time ease-out,
color $transition-time ease-out; color $transition-time ease-out;
@include mobile {
font-size: 19px;
line-height: 24px;
padding: 20px;
}
} }
.content-accordion { .content-accordion {
display: none; display: none;
@ -774,6 +782,9 @@ hr {
background-color: $white; background-color: $white;
border: 1px dashed $light-grey; border: 1px dashed $light-grey;
border-top: 0; border-top: 0;
@include mobile {
padding: 25px;
}
p { p {
margin-bottom: 5px; margin-bottom: 5px;
} }