diff --git a/react/imagempix.css b/react/imagempix.css index c8231f1..2872097 100644 --- a/react/imagempix.css +++ b/react/imagempix.css @@ -5,6 +5,12 @@ } .priceandp{ margin-left: 26px; + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + font-size: 18px; + line-height: 25px; + color: rgba(0, 0, 0, 0.58); } .priceandp>p{ margin: 0; diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 713be36..21c3deb 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -38,4 +38,32 @@ .skuSelectorContainer { display: flex; flex-direction: column-reverse; +} + +.frameAround, +.skuSelectorInternalBox { + border-radius: 1.5rem; + z-index: 3; + padding: 0; +} + +.skuSelectorSubcontainer--tamanho .skuSelectorItem { + height: 43px; +} +.skuSelectorSubcontainer--tamanho .frameAround { + width: 40px; + height: 40px; + bottom: -0.25rem; + top: 0rem; + left: 0rem; + right: -0.25rem; +} +.skuSelectorSubcontainer--tamanho .valueWrapper { + padding: 10px 11px; + width: 40px; + height: 40px; +} + +.frameAround { + border-color: #000; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 5b51ed8..9a51e15 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -28,3 +28,34 @@ display: flex; flex-direction: column-reverse; } +.frameAround, +.skuSelectorInternalBox { + border-radius: 1.5rem; + z-index: 3; + padding: 0; +} + +.skuSelectorSubcontainer--tamanho { + .skuSelectorItem { + height: 43px; + } + + .frameAround { + width: 40px; + height: 40px; + + bottom: -0.25rem; + top: 0rem; + left: 0rem; + right: -0.25rem; + } + .valueWrapper { + padding: 10px 11px; + width: 40px; + height: 40px; + } +} + +.frameAround { + border-color: #000; +}