SabrinaMiranda/m3-academy-template-checkout-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(footer): Aplica css

Browse Source
This commit is contained in:
Sabrina Miranda 2022-12-15 14:05:41 -03:00
parent 7a768f242f
commit 9add999e45
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -1,21 +1,28 @@
/* _footer.scss */ /* _footer.scss */
.footerCheckout { .footerCheckout {
border-top: none; width: 100%;
color: $color-gray2; border-top: 1px solid $color-black2;
&__wrapper { &__wrapper {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 16px 0;
}
.container {
display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%;
} }
&__address { &__address {
color: $color-gray2; color: $color-black;
font-family: $font-family; font-family: $font-family;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 10px; font-size: 10px;
line-height: 12px; line-height: 14px;
text-transform: capitalize; text-transform: capitalize;
max-width: 40%; max-width: 40%;
@ -30,6 +37,7 @@
display: flex; display: flex;
justify-self: center; justify-self: center;
list-style: none; list-style: none;
margin: 0;
@include mq(md, max) { @include mq(md, max) {
align-self: center; align-self: center;
@ -37,7 +45,7 @@
} }
&__divider { &__divider {
background-color: $color-gray4; background-color: $color-gray6;
display: inline-block; display: inline-block;
height: 24px; height: 24px;
margin: 0 8px; margin: 0 8px;
@ -57,12 +65,12 @@
a { a {
align-items: center; align-items: center;
color: $color-gray2; color: $color-black;
display: flex; display: flex;
font-family: $font-family; font-family: $font-family;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-size: 10px; font-size: 9px;
line-height: 12px; line-height: 12px;
text-decoration: none; text-decoration: none;

1
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -15,6 +15,7 @@ $color-gray2: #7d7d7d;
$color-gray3: #f0f0f0; $color-gray3: #f0f0f0;
$color-gray4: #8d8d8d; $color-gray4: #8d8d8d;
$color-gray5: #e5e5e5; $color-gray5: #e5e5e5;
$color-gray6: #C4C4C4;
$color-blue: #4267b2; $color-blue: #4267b2;