diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtex.product-price.scss new file mode 100644 index 0000000..ccfc6be --- /dev/null +++ b/styles/sass/pages/product/vtex.product-price.scss @@ -0,0 +1,77 @@ +.sellingPrice { + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 38px; + + color: #000000; +} + +.flexRowContent { + margin: 0 !important; +} + +.listPriceValue { + text-decoration-line: line-through; + text-decoration-color: #bababa; + + &::before { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + color: #bababa; + line-height: 19px; + content: "de"; + margin-right: 6px; + } + + &::after { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + color: #bababa; + line-height: 19px; + content: "por"; + margin-left: 5px; + } + + .currencyCode, + .currencyLiteral, + .currencyInteger, + .currencyDecimal, + .currencyFraction { + font-family: "Open Sans"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #bababa; + } + + .currencyGroup { + color: #BABABA; + } +} + + +@media screen and (max-width:1024px) { + .listPrice{ + height: 19px; + } + .listPriceValue { + .currencyCode, + .currencyLiteral, + .currencyInteger, + .currencyFraction { + font-size: 12px; + line-height: 16px; + } + } + + .sellingPrice { + font-size: 18px; + line-height: 25px; + } +}