diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss index c7c65c2..8c0e7f0 100644 --- a/checkout/src/arquivos/sass/partials/_footer.scss +++ b/checkout/src/arquivos/sass/partials/_footer.scss @@ -1,21 +1,28 @@ /* _footer.scss */ .footerCheckout { - border-top: none; - color: $color-gray2; + width: 100%; + border-top: 1px solid $color-black2; &__wrapper { align-items: center; display: flex; + padding: 16px 0; + } + + .container { + display: flex; + align-items: center; justify-content: space-between; + width: 100%; } &__address { - color: $color-gray2; + color: $color-black; font-family: $font-family; font-style: normal; font-weight: normal; font-size: 10px; - line-height: 12px; + line-height: 14px; text-transform: capitalize; max-width: 40%; @@ -30,6 +37,7 @@ display: flex; justify-self: center; list-style: none; + margin: 0; @include mq(md, max) { align-self: center; @@ -37,7 +45,7 @@ } &__divider { - background-color: $color-gray4; + background-color: $color-gray6; display: inline-block; height: 24px; margin: 0 8px; @@ -57,12 +65,12 @@ a { align-items: center; - color: $color-gray2; + color: $color-black; display: flex; font-family: $font-family; font-style: normal; font-weight: normal; - font-size: 10px; + font-size: 9px; line-height: 12px; text-decoration: none; diff --git a/checkout/src/arquivos/sass/utils/_variaveis.scss b/checkout/src/arquivos/sass/utils/_variaveis.scss index 5738aa9..60cb8f9 100644 --- a/checkout/src/arquivos/sass/utils/_variaveis.scss +++ b/checkout/src/arquivos/sass/utils/_variaveis.scss @@ -15,6 +15,7 @@ $color-gray2: #7d7d7d; $color-gray3: #f0f0f0; $color-gray4: #8d8d8d; $color-gray5: #e5e5e5; +$color-gray6: #C4C4C4; $color-blue: #4267b2;