feat: adiciona barra de vantagens

This commit is contained in:
Cainã Milech 2022-12-08 19:30:12 -03:00
parent f4166de8cf
commit ab13a7c2e3
5 changed files with 82 additions and 1 deletions

View File

@ -1,5 +1,7 @@
.home {
.main-banners {
margin-bottom: 38px;
img {
width: 100%;
}
@ -62,7 +64,7 @@
justify-content: center;
position: absolute;
left: 0;
bottom: 14;
bottom: 14px;
margin: 0;
z-index: map-get($z-index, level-1);
width: 100%;
@ -94,4 +96,50 @@
}
}
}
.advantages {
margin-bottom: 117px;
&__list {
margin: 0;
display: flex;
align-items: center;
overflow: auto;
padding: 0 15px;
@include mq(sm, min) {
justify-content: center;
}
&::-webkit-scrollbar {
display: none;
}
}
&__item {
display: flex;
align-items: center;
padding: 0 37px;
margin-right: 75px;
@include mq(md, max) {
padding: 0;
}
&:last-of-type {
margin-right: 0;
}
i {
margin-right: 8px;
}
}
&__text {
margin: 0;
white-space: nowrap;
line-height: 12px;
font-size: 10px;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 941 B

View File

@ -32,6 +32,39 @@
<vtex:contentPlaceHolder id="banners-principais-mobile" />
</div>
</section>
<section class="advantages">
<ul class="advantages__list">
<li class="advantages__item">
<i class="sprite sprite-credit-card-icon"></i>
<p class="advantages__text">
PARCELAMENTO EM<br />
ATÉ 6X SEM JUROS
</p>
</li>
<li class="advantages__item">
<i class="sprite sprite-truck-icon"></i>
<p class="advantages__text">
PAC GRATIS PARA COMPRAS<br />
ACIMA DE <strong>$ 500,00</strong>
</p>
</li>
<li class="advantages__item">
<i class="sprite sprite-store-icon"></i>
<p class="advantages__text">
FABRICA<br />
PROPRIA
</p>
</li>
</ul>
</section>
</main>
<footer>