Adicionando barra de vantagens na home

This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2022-12-08 21:08:22 -03:00
parent d61a1a612d
commit 2e03035571
5 changed files with 73 additions and 0 deletions

View File

@ -1,5 +1,6 @@
.home { .home {
.main-banners { .main-banners {
margin-bottom: 38px;
img { img {
width: 100%; width: 100%;
@ -101,4 +102,50 @@
} }
} }
.advantages{
margin-bottom: 117px;
&__list {
margin: 0;
padding: 0 15px;
display: flex;
align-items: center;
overflow: auto;
@include mq(sm, min) {
justify-content: center;
}
&::-webkit-scrollbar {
display: none;
}
}
&__item {
display: flex;
align-items: center;
margin-right: 75px;
&:last-of-type {
margin-right: 0;
}
@include mq(md, max) {
padding: 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: 971 B

View File

@ -30,6 +30,32 @@
<vtex:contentPlaceHolder id="banners-principais-mobile" /> <vtex:contentPlaceHolder id="banners-principais-mobile" />
</div> </div>
</section> </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 GRÁTIS PARA COMPRAS <br />
ACIMA DE <strong> R$ 500,00</strong>
</p>
</li>
<li class="advantages__item">
<i class="sprite sprite-shop-icon"></i>
<p class="advantages__text">
FÁBRICA <br />
PRÓPRIA
</p>
</li>
</ul>
</section>
</main> </main>
<footer> <footer>