Amandaalmeida/vtex-cms-template-atualizado-amanda-almeida
1
0
Fork 0
forked from M3-Academy/vtex-cms-template-atualizado
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(link): Adiciona parte de links mobile

Browse Source
This commit is contained in:
amanda almeida 2022-12-09 19:35:16 -03:00
parent f04de26ee3
commit ff97914318
3 changed files with 30 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/arquivos/sass/components/_newsletter.scss
View File

@ -3,8 +3,11 @@
background: linear-gradient(180deg, $blue-500 0%, $blue-600 100%); background: linear-gradient(180deg, $blue-500 0%, $blue-600 100%);
&__wrapper { &__wrapper {
margin: 0 auto; @include mq(lg, min) {
max-width: 698px; margin: 0 auto;
max-width: 698px;
}
} }
&__title { &__title {

24
src/arquivos/sass/partials/_footer.scss
View File

@ -1,12 +1,31 @@
.footer-links { .footer-links {
padding: 29px 0 25px;
border: 1px solid red; @include mq(md, min) {
padding: 29px 0 25px;
border: solid $gray-100;
border-width: 1px 0;
}
&__wrapper { &__wrapper {
display: grid; display: grid;
grid-template-columns: repeat(3, max-content); grid-template-columns: repeat(3, max-content);
gap: 148px; gap: 148px;
justify-content: center; justify-content: center;
@include mq(md, max) {
gap: 0;
grid-template-columns: 1fr;
}
}
&__block {
@include mq(md, max) {
padding: 24px 15px;
border-bottom: 1px solid $gray-100;
}
} }
&__title { &__title {
@ -23,6 +42,7 @@
align-items: center; align-items: center;
gap: 16px; gap: 16px;
grid-auto-flow: column; grid-auto-flow: column;
grid-auto-columns: max-content;
} }
} }

6
src/template-pagina/sub-templates/amandaalmeida-footer-links.html
View File

@ -1,6 +1,6 @@
<section class="footer-links"> <section class="footer-links">
<div class="footer-links__wrapper"> <div class="footer-links__wrapper">
<div class="footer-links__column"> <div class="footer-links__block">
<h4 class="footer-links__title">DÚVIDAS</h4> <h4 class="footer-links__title">DÚVIDAS</h4>
<ul class="footer-links__items-list"> <ul class="footer-links__items-list">
<li class="footer-links__item"> <li class="footer-links__item">
@ -41,7 +41,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="footer-links__column"> <div class="footer-links__block">
<h4 class="footer-links__title">FALE CONOSCO</h4> <h4 class="footer-links__title">FALE CONOSCO</h4>
<ul class="footer-links__items-list"> <ul class="footer-links__items-list">
<li class="footer-links__item"> <li class="footer-links__item">
@ -60,7 +60,7 @@
<li class="footer-links__item"><span>DAS 8H30 AS 18H</span></li> <li class="footer-links__item"><span>DAS 8H30 AS 18H</span></li>
</ul> </ul>
</div> </div>
<div class="footer-links__column"> <div class="footer-links__block">
<h4 class="footer-links__title">FIQUE LIGADO</h4> <h4 class="footer-links__title">FIQUE LIGADO</h4>
<ul <ul
class=" class="