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

feat(product-selling-price):estilizando price-product

Browse Source
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-02-08 18:47:39 -03:00
parent 3d879a66c9
commit 5094293019
4 changed files with 26 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
store/blocks/product-price.jsonc
View File

@ -1,6 +1,7 @@
{
"flex-layout.row#selling-price": {
"props": {
"blockClass": "price-image",
"colGap": 2,
"preserveLayoutOnMobile": true,
"preventHorizontalStretch": true,
@ -10,7 +11,11 @@
"product-selling-price"
]
},
"product-selling-price#ProducyImage":{
"props":{
"blockClass": "price"
}
},
"flex-layout.row#list-price-savings": {
"props": {
"colGap": 2,

9
styles/css/vtex.flex-layout.css
View File

@ -191,4 +191,13 @@
.flexRow--pdp-price .flexRowContent--pdp-price {
justify-content: center;
}
.flexRow--price-image :global(.vtex-product-price-1-x-sellingPrice--hasListPrice) {
color: #000000;
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 38px;
}

10
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -184,4 +184,14 @@
justify-content: center;
}
}
.flexRow--price-image{
:global(.vtex-product-price-1-x-sellingPrice--hasListPrice){
color: #000000;
font-family: 'Open Sans',sans-serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 38px;
}
}

1
styles/sass/pages/product/vtex.stack-layout.scss
View File

@ -1,3 +1,4 @@
.stackItem{
display: block;
}