WellingtonDuarteSantos/m3-academy-template-checkout-wellington-duarte-santos
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(main): Ajustes de CSS nos produtos do carrinho #3

Merged
WellingtonDuarteSantos merged 1 commits from feature/footer into development 2022-12-19 00:50:26 +00:00
Conversation 0 Commits 1 Files Changed 3 +36 -34
3 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -114,7 +114,7 @@
color: $color-black;
padding: 0 0 16px;
font-style: normal;
font-weight: bold;
font-weight: 400;
font-size: 14px;
line-height: 16px;
@ -155,7 +155,7 @@
}
a {
color: $color-blue;
color: #000000;
font-style: normal;
font-weight: normal;
font-size: 12px;
@ -217,15 +217,17 @@
td.quantity {
align-items: center;
border: 1px solid $color-gray3;
border-radius: 0;
width: 100px;
border: 1px solid #f0f0f0;
color: #ffffff;
border-radius: 8px;
box-sizing: border-box;
display: flex;
justify-content: center;
margin: 6px auto 0;
max-height: 38px;
max-width: 118px;
padding: 0;
padding: 9px;
width: max-content !important;
@media (max-width: 490px) {
@ -234,9 +236,9 @@
input {
background-color: $color-white;
border: 1px solid $color-gray3;
border: 0px solid $color-gray3;
border-radius: 0;
border-width: 0 1px;
border-width: 0 0px;
display: block;
max-height: 38px;
margin: 0 !important;
@ -263,18 +265,29 @@
.icon-minus-sign {
&:before {
content: "-";
font-size: 16px;
font-size: 20px;
color: white;
background-color: #00c8ff;
border-radius: 50%;
font-weight: 900;
}
}
.icon-plus-sign {
&:before {
content: "+";
font-size: 14px;
font-size: 20px;
color: white;
background-color: #00c8ff;
border-radius: 50%;
font-weight: 900;
}
}
.item-quantity-change {
width: 100%;
height: 100%;
@media (max-width: 979px) and (min-width: 768px) {
position: inherit;
bottom: inherit;
@ -287,6 +300,13 @@
@media (max-width: 490px) {
padding: 0;
}
.item-quantity-change-decrement {
background-color: #00c8ff;
border-radius: 50%;
width: 100%;
height: 100%;
}
}
}
@ -608,7 +628,7 @@
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $color-blue;
color: #000000;
text-decoration: none;
}
}
@ -731,6 +751,7 @@
}
tfoot {
font-weight: 900 !important;
td.info,
td.monetary {
font-style: normal;
@ -738,6 +759,7 @@
font-size: 18px;
line-height: 21px;
color: $color-black;
font-weight: 900;
}
}
}
@ -782,16 +804,17 @@
.btn-place-order-wrapper {
a {
background: $color-green;
background: #00c8ff;
border: none;
border-radius: 5px;
display: block;
font-size: 0;
transition: ease-in 0.22s all;
padding: 12px 19px;
cursor: pointer;
&:hover {
background-color: darken($color-green, 5);
background-color: darken(#00c8ff, 5);
}
&:after {

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

@ -3,7 +3,7 @@
.footerCheckout {
border-top: none;
color: $color-gray2;
position: absolute;
// position: absolute;
width: 100%;
bottom: 0;

21
checkout/src/template-checkout/checkout-header.html
View File

@ -20,27 +20,6 @@
/>
<span>Compra segura</span>
</div>
<div class="credits">
<div>Powered By</div>
<div class="logo">
<figure>
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png"
alt="VTex Logo"
/>
</figure>
</div>
<div>Developed by</div>
<div class="logo">
<figure>
<img
src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"
alt="M3 Logo"
/>
</figure>
</div>
</div>
</div>
</div>
</header>