From c05fa19fb3e3ca4068acbc6fb23aaadde28ee988 Mon Sep 17 00:00:00 2001 From: Andrea Matsunaga Date: Sun, 11 Dec 2022 14:00:36 -0300 Subject: [PATCH] =?UTF-8?q?Cria=20a=20=C3=A1rea=20de=20informa=C3=A7=C3=B5?= =?UTF-8?q?es=20do=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/arquivos/sass/partials/_footer.scss | 97 ++++++++++++++ src/arquivos/sass/utils/_normalize.scss | 6 - src/arquivos/sprite/m3-icon.png | Bin 0 -> 2325 bytes src/arquivos/sprite/vtex-icon.png | Bin 0 -> 3311 bytes .../sub-templates/andrea-footer-links.html | 8 +- .../sub-templates/andrea-footer.html | 120 +++++++++--------- 6 files changed, 159 insertions(+), 72 deletions(-) create mode 100644 src/arquivos/sprite/m3-icon.png create mode 100644 src/arquivos/sprite/vtex-icon.png 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 0000000000000000000000000000000000000000..1179b3e59b93274bfb6c940a1f03606f8af65e80 GIT binary patch literal 2325 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 literal 0 HcmV?d00001 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
  • - FORMAS DE PAGAMENT + FORMAS DE PAGAMENTO
  • ENTREGA @@ -34,15 +34,15 @@ SAC@M3.COM
    • -
  • +
  • ATENDIMENTO ONLINE
    • -
  • +
  • SEGUNDA A SEXTA
    • -
  • +
  • DAS 8h30 ÀS 18h
    • 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 @@ -
    -
    -
    -
    -
    -
      -
      • -
      • -
      • -
      • -
      • -
      • -
      • -
    -
      -
      • -
      • -
    -
    -
    -
    +
    +
    +
      +
    • + +
      • + +
    • + +
      • + +
    • + +
      • + +
    • + +
      • + +
    • + +
      • + +
    • + +
      • + +
    • + +
      • +
    + +
    + +
      +
    • + +
      • + +
    • + +
      • +
    -
    -
    -
    -

    - Copyright Ⓒ 2019 - Loja Sweeter Comércio Eletrônico | - CNPJ: 000.000.000/0001-00 -

    -

    - Rua 7 de Setembro, 3795 Centro - São Paulo/SP -

    -
    -
    - - - - - Developed by - - -
    + +
    +

    + COPYRIGHT © 2020 - LOJA COMÉRCIO ELETRÔNICO | CNPJ: 000.000.000/0001-00 +

    + +
    + + + + + + Developed by + +
    - -
    - -
    - -
    -
      -
    • - -
      • -
    • - -
      • -
    • -
      - - -
      -
      • -
    -