feat(footer): estilização base do footer desktop

This commit is contained in:
Gabriel Ferraz Nogueira 2022-12-09 18:27:40 -03:00
parent 2dab582c69
commit 5f1497dcbd
3 changed files with 20 additions and 24 deletions

View File

@ -9,7 +9,7 @@ html {
}
footer .footerCheckout__wrapper {
width: 94.9734%;
//width: 94.9734%;
margin: auto auto 0 auto;
}
footer .footerCheckout__prateleira,

View File

@ -1,21 +1,19 @@
/* _footer.scss */
.footerCheckout {
border-top: none;
color: $color-gray2;
&__wrapper {
align-items: center;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 32px;
border-top: 1px solid $color-black;
}
&__address {
color: $color-gray2;
color: $color-black;
font-family: $font-family;
font-style: normal;
font-weight: normal;
font-weight: 400;
line-height: 14px;
font-size: 10px;
line-height: 12px;
text-transform: capitalize;
max-width: 40%;

View File

@ -2,10 +2,10 @@
@import url("https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
$font-family: "Open Sans", sans-serif;
$font-family-secundary:"Tenor Sans", sans-serif;
$font-family-secundary: "Tenor Sans", sans-serif;
/* Colors */
$color-black: #292929;
$color-black: #000;
$color-white: #fff;
@ -17,22 +17,20 @@ $color-gray5: #e5e5e5;
$color-blue: #4267b2;
$color-green: #4caf50;
/* Grid breakpoints */
$grid-breakpoints: (
xs: 0,
cstm: 400,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
xs: 0,
cstm: 400,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
) !default;
$z-index: (
level1: 5,
level2: 10,
level3: 15,
level4: 20,
level5: 25
level1: 5,
level2: 10,
level3: 15,
level4: 20,
level5: 25,
) !default;