diff --git a/src/arquivos/sass/partials/_footer.scss b/src/arquivos/sass/partials/_footer.scss index 0bb2410..0a9a40d 100644 --- a/src/arquivos/sass/partials/_footer.scss +++ b/src/arquivos/sass/partials/_footer.scss @@ -60,3 +60,100 @@ } } } + +.footer-infos { + + &__labels { + display: flex; + justify-content: center; + + @include mq(md, max) { + flex-direction: column; + } + + @include mq(md, min) { + align-items: center; + padding: 16px 0; + border-bottom: 1px solid $gray-100; + } + } + + &__payment, + &__security { + display: grid; + grid-auto-flow: column; + grid-auto-columns: max-content; + align-items: center; + margin: 0; + + @include mq(md, max) { + justify-content: center; + padding: 24px 0; + } + } + + &__payment { + gap: 8px; + + @include mq(md, max) { + border-bottom: 1px solid $gray-100; + } + } + + &__security { + gap: 16px; + } + + &__divider { + width: 1px; + height: 51px; + margin: 0 24px; + background: $gray-100; + + @include mq(md, max) { + display: none; + } + } + + &__company { + display: flex; + align-items: center; + justify-content: center; + + @include mq(md, max) { + flex-direction: column; + padding-bottom: 24px; + } + + @include mq(md, min) { + padding: 12px 0; + } + } + + &__copyright { + margin: 0 16px 0 0; + line-height: 12px; + font-size: 10px; + color: $gray-200; + + @include mq(md, max) { + margin-right: 0; + text-align: center; + } + } + + &__development { + display: grid; + grid-auto-flow: column; + grid-auto-columns: max-content; + align-items: center; + gap: 16px; + } + + &__developed-by { + margin-right: 7px; + line-height: 12px; + font-size: 10px; + color: $gray-200; + } +} diff --git a/src/arquivos/sass/utils/_normalize.scss b/src/arquivos/sass/utils/_normalize.scss index e61f344..287086d 100644 --- a/src/arquivos/sass/utils/_normalize.scss +++ b/src/arquivos/sass/utils/_normalize.scss @@ -395,12 +395,6 @@ body { font-size: 12px; } -body { - @include mq(md, max) { - padding-bottom: 67px; - } -} - html { font-family: $font-family; line-height: $font-height; diff --git a/src/arquivos/sprite/m3-icon.png b/src/arquivos/sprite/m3-icon.png new file mode 100644 index 0000000..1179b3e Binary files /dev/null and b/src/arquivos/sprite/m3-icon.png differ diff --git a/src/arquivos/sprite/vtex-icon.png b/src/arquivos/sprite/vtex-icon.png new file mode 100644 index 0000000..b0e3ccf Binary files /dev/null and b/src/arquivos/sprite/vtex-icon.png differ diff --git a/src/template-pagina/sub-templates/andrea-footer-links.html b/src/template-pagina/sub-templates/andrea-footer-links.html index 4adb9d5..b1dcf9a 100644 --- a/src/template-pagina/sub-templates/andrea-footer-links.html +++ b/src/template-pagina/sub-templates/andrea-footer-links.html @@ -8,7 +8,7 @@ SOBRE -
  • +
  • -
  • +
  • -
  • +
  • diff --git a/src/template-pagina/sub-templates/andrea-footer.html b/src/template-pagina/sub-templates/andrea-footer.html index d8da851..70548be 100644 --- a/src/template-pagina/sub-templates/andrea-footer.html +++ b/src/template-pagina/sub-templates/andrea-footer.html @@ -1,66 +1,62 @@ -