From bb7f17476510b5ee9c7ae44f3eb9de87d33b94b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cain=C3=A3=20Milech?= Date: Wed, 7 Dec 2022 22:43:01 -0300 Subject: [PATCH] feat: adiciona area de infos do footer desktop e mobile --- src/arquivos/sass/partials/_footer.scss | 97 ++++++++++++++ src/arquivos/sass/utils/_normalize.scss | 6 - src/arquivos/sprite/m3-icon.png | Bin 0 -> 2279 bytes src/arquivos/sprite/vtex-icon.png | Bin 0 -> 3302 bytes .../sub-templates/caina-footer.html | 120 +++++++++--------- 5 files changed, 155 insertions(+), 68 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 a36f38c..b2703e5 100644 --- a/src/arquivos/sass/partials/_footer.scss +++ b/src/arquivos/sass/partials/_footer.scss @@ -58,3 +58,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..690566c2838a1112f1ed48af0c0c85572b94c49d GIT binary patch literal 2279 zcmV(;GHFy3R9P=@0#;^wF*gF40_)aiX! z;lZ|R*RIt2_wVPV0(!|gHa7McBi-N7&@iaN0FHMmGBQQp=;)}6=b@gSo<5xEAr&TM z!obE=@c5#N9$M<_>uZe{Z9-S9Sdln)?%aimiHR@6pUj|XL9&VS`;bO-aK8e%ost$z zUUhYKTyt}C0h+Xo8CmR5MqnOfIQjmF@9hqUCpuLa*sx(kCY>$v<0r_Lgm3u{ zb>=I5NPCaf)z#fH5=;qYwULa{lu}tKg>#fT$-932`gCHPpDF8Pj#EzqWS%z5=r`oCn@b^cwVGz2v9pVdiy6gsN2oj- zH*S1^q56r(Q?Vj@2-EWAv17-yR$jgu8po`)QcXiZ5_%9<7V10RN(pWIScNemB0Gh$ zA8p>exg0sB<-HoZZQHg2Y{XgwXgm8Jm#Cj2vYJU&lMGmUT%sP)3Xx~=UouKdOYJvq z-0+($#4WWSZ6(*!C*DS7Oixw?P&Ck#8Xm4+K2FvTUl~lSwdRpmWn7oZN;v!CV zuOw{WzCCwjWMmDRQmQOMR<7I{af8kot_a$Y&FxLTEk~v)vEup+4i1WAe!(}LcD)_J zIUyBoU5m}0$N$wEZTE#&L$N_?_$jRjH~GG2xpm&xUAcMl<`D0#MMXv9yw0_vUEl`{ z{@JFcChv+vWV1AFEh#AxyQsB-p~_UsTs7WlbP{Rrs>r&3f-J7Z^XJdEx3sj3_tyc+5|#GDsbMrlG;9Q5?1P~WNRGI{PO4KQN-Ry(=5xh^z(Ttxx=Q!dVZ zRe5>2UrfVGC`4%)Y=)5CB#W%MZz_FUHp>7h7nKHN*o&WOyvrJ!v_DmpAa<2)=2gCF zZbBtsLGS7s?S~q9dX*+vN8dHegWJ-hLPV_sfgkO+8l%BKsVIU)&}+D4-u){#p~N-i z5P+%8^UUfaX8Dqml17y#aI{V3F%gVWw-%v+V3K=4(Ssh(A>xpIB}iRvyt@faPft(N zDU6D{1_lPSmUz18>+3VMadeP2nJg=xPz(w8p{ZYB*1pALU65!M$&H~dNV-9uyB_aD z2TK^`ZVuhts(z#R!fcKYkCgZky#JkNBq6 zc0Hx1G>7Qa*pDayTWT7_hMRxQrLgE=NsBb!@^rkqebjAz83t9gpcC?{wB``p)oay7?6N4gjC8liElb9FVnJ=Qx?#+ zZ{I%mkaw4II2>xKK+i_ShDv+_t*i(nGt%(*sEx*ZR3;@B3fcylID#pm{r&wC!Lmer zZ*T8>hHcmfDlEWGEZG}gwCslx12kFVlguL8LV zCE}xXVvZp+%r=9m_TgK~a#Dw=kv)6%m@YlDv$LH#%Rd2bm|LFVXh#tvOn?o6+aPX2 z4(w0=Jv)H9+(c9dT*R(1&~yo?@LiArb5fmg0xe(Zd0 zZEcgX2;{|6_7xuAKyI!fkN00E+UN@f&mrAqJg!1crpH{!al)&}6T+VuJ#zdeFE8(P zJdZhn+dRJ8<|0do^E}HA!6^UU$JNF}*J_v&GX&lCkke_qckfQ^?Cex0Po5mK>av8A z$Ao4pEG!)KofX5Cw`I$g6g&hQliH;J?|(eQ_y=QB#Vj18UE%-$002ovPDHLkV1iwt BMWg@# literal 0 HcmV?d00001 diff --git a/src/arquivos/sprite/vtex-icon.png b/src/arquivos/sprite/vtex-icon.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 - - -
+ +
+

COPYRIGTH © 2020 - LOJA COMERCIO ELETRÔNICO | CNPJ: 000.000.000/0001-00 +

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