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 */
.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;

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

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