From 36d69c682a70579630278ee195ad9fc08774f8eb Mon Sep 17 00:00:00 2001 From: Bernardo Waldhelm Date: Thu, 8 Dec 2022 15:27:06 -0300 Subject: [PATCH] Adicionando infos no footer --- src/arquivos/sass/partials/_footer.scss | 100 +++++++++++++++- src/arquivos/sass/utils/_normalize.scss | 6 - src/arquivos/sprite/developmentby.png | Bin 0 -> 1759 bytes src/arquivos/sprite/m3-gray.png | Bin 0 -> 2279 bytes src/arquivos/sprite/vtex-gray.png | Bin 0 -> 3302 bytes .../sub-templates/bernardo-footer.html | 113 ++++++++---------- 6 files changed, 150 insertions(+), 69 deletions(-) create mode 100644 src/arquivos/sprite/developmentby.png create mode 100644 src/arquivos/sprite/m3-gray.png create mode 100644 src/arquivos/sprite/vtex-gray.png diff --git a/src/arquivos/sass/partials/_footer.scss b/src/arquivos/sass/partials/_footer.scss index 4bc1d14..3a51f17 100644 --- a/src/arquivos/sass/partials/_footer.scss +++ b/src/arquivos/sass/partials/_footer.scss @@ -58,7 +58,7 @@ color: $black; transition: color 0.2s linear; - @include mq(lg, min) { + @include mq(md, min) { &:hover { color: $blue; @@ -67,3 +67,101 @@ } } + +.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){ + padding: 24px 0; + justify-content: center; + } + } + + &__payment { + gap: 8px; + + @include mq(md, max){ + border-bottom: 1px solid $gray-100; + } + } + + &__security { + gap: 16px; + } + + &__divider { + width: 1px; + height: 51px; + background: $gray-100; + margin: 0 24px; + + @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-100; + + @include mq(md, max){ + margin: 0; + text-align: center; + } + } + + &__develpment { + display: grid; + grid-auto-flow: column; + grid-auto-columns: max-content; + align-items: center; + gap: 16px; + } + + &__developed-by { + line-height: 12px; + font-size: 10px; + color: $gray-100; + margin-right: 7px; + } +} diff --git a/src/arquivos/sass/utils/_normalize.scss b/src/arquivos/sass/utils/_normalize.scss index 6ad6275..bb3e313 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/developmentby.png b/src/arquivos/sprite/developmentby.png new file mode 100644 index 0000000000000000000000000000000000000000..2b60f725f0d738bd11d89305cc88bee0b6c5f93d GIT binary patch literal 1759 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 BMWg@# literal 0 HcmV?d00001 diff --git a/src/arquivos/sprite/vtex-gray.png b/src/arquivos/sprite/vtex-gray.png new file mode 100644 index 0000000000000000000000000000000000000000..cba54330790966696a8cc54f1fcc580dc894e4d1 GIT binary patch literal 3302 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 -
-
-
-
-
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
-
    -
    • -
    • -
-
-
-
+
+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+ +
+ +
    +
  • + +
    • +
  • + +
    • +
-
-
-
-

- 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 ELETRONICO | CNPJ: 000.000.000/0001-00 +

+ +
+ + + + + + Developed By + +
- -
- -
- -
-
    -
  • - -
    • -
  • - -
    • -
  • -
    - - -
    -
    • -
-