Ajuste mobile - secção FAQS
This commit is contained in:
parent
2064e11bcc
commit
f90f03116d
|
@ -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
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue