diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 10d123f..f3118c7 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -118,6 +118,19 @@ width: 100% !important; } +.flexRowContent :global(.vtex-product-price-1-x-sellingPrice) { + margin-top: 24px; +} +.flexRowContent :global(.vtex-product-price-1-x-sellingPrice) :global(.vtex-product-price-1-x-sellingPriceValue) { + height: 38px; +} +.flexRowContent :global(.vtex-product-price-1-x-sellingPrice) :global(.vtex-product-price-1-x-sellingPriceValue) :global(.vtex-product-price-1-x-currencyContainer) { + font-weight: 700; + font-size: 25px; + line-height: 38px; + color: #000000; +} + .flexRow .flexRowContent .stretchChildrenWidth :global(.vtex-button):first-child { background: #000000; padding: 12px 64px; diff --git a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss index 56c310a..9225c9b 100644 --- a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss @@ -128,6 +128,23 @@ width: 100% !important; } +//Product Price + +.flexRowContent { + :global(.vtex-product-price-1-x-sellingPrice) { + margin-top: 24px; + :global(.vtex-product-price-1-x-sellingPriceValue) { + height: 38px; + :global(.vtex-product-price-1-x-currencyContainer) { + font-weight: 700; + font-size: 25px; + line-height: 38px; + color: $black; + } + } + } +} + //Botao add Cart .flexRow {