josecarloslins/challenge-vtex-io-josecarloslins
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: responsividade css list-price no product-summary #6

Merged
josecarloslins merged 1 commits from feature/development into master 2023-02-06 19:10:52 +00:00
Conversation 0 Commits 1 Files Changed 2 +46
2 changed files with 46 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
styles/css/vtex.product-summary.css
View File

@ -136,4 +136,25 @@
font-size: 18px;
line-height: 25px;
}
.containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) {
display: flex;
align-items: center;
justify-content: center;
}
.containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue) {
text-decoration: none;
padding: 8px 0;
}
.containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue)::before {
font-size: 12px;
line-height: 16px;
}
.containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue)::after {
font-size: 12px;
line-height: 16px;
}
.containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-currencyContainer) {
font-size: 18px;
line-height: 25px;
}
}

25
styles/sass/pages/product/vtex.product-summary.scss
View File

@ -162,5 +162,30 @@
}
}
}
:global(.vtex-product-price-1-x-listPrice){
display: flex;
align-items: center;
justify-content: center;
:global(.vtex-product-price-1-x-listPriceValue){
text-decoration: none;
padding: 8px 0;
&::before{
font-size: 12px;
line-height: 16px;
}
&::after{
font-size: 12px;
line-height: 16px;
}
}
:global(.vtex-product-price-1-x-currencyContainer){
font-size: 18px;
line-height: 25px;
}
}
}
}