diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 11109a2..fabfdbb 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -95,7 +95,7 @@ font-size: 0; } .skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorTextContainer .skuSelectorName::after { - content: "OUTROS TAMANHOS"; + content: "OUTROS TAMANHOS:"; font-size: 14px; line-height: 19px; font-weight: 400; @@ -192,4 +192,56 @@ font-size: 14px; line-height: 19px; color: #929292; +} + +.shippingTable { + display: flex; + flex-direction: column; +} +.shippingTable .shippingTableHead { + display: block; +} +.shippingTable .shippingTableRow { + display: flex; + flex-direction: row; +} +.shippingTable .shippingTableRow .shippingTableHeadDeliveryName { + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-transform: uppercase; + color: #202020; +} +.shippingTable .shippingTableRow .shippingTableHeadDeliveryEstimate { + display: flex; + order: 3; + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-transform: uppercase; + color: #202020; +} +.shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice { + display: flex; + order: 2; + font-size: 0; +} +.shippingTable .shippingTableRow .shippingTableHeadDeliveryPrice::after { + content: "FRETE"; + font-weight: 400; + font-size: 14px; + line-height: 19px; + color: #202020; +} + +.shippingTableBody .shippingtableRow { + display: flex; + flex-direction: row; +} +.shippingTableBody .shippingTableCellDeliveryEstimate { + display: flex; + order: 3; +} +.shippingTableBody .shippingTableRadioBtn { + display: none; } \ 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 d40766b..1b33eda 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -105,7 +105,7 @@ font-size: 0; &::after { - content: "OUTROS TAMANHOS"; + content: "OUTROS TAMANHOS:"; font-size: 14px; line-height: 19px; font-weight: 400; @@ -232,3 +232,72 @@ } } +// ENTREGA + +.shippingTable { + display: flex; + flex-direction: column; + + .shippingTableHead { + display: block; + } + + .shippingTableRow { + display: flex; + flex-direction: row; + + .shippingTableHeadDeliveryName { + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-transform: uppercase; + + color: $black-100; + } + + .shippingTableHeadDeliveryEstimate { + display: flex; + order: 3; + + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-transform: uppercase; + + color: $black-100; + } + + .shippingTableHeadDeliveryPrice { + display: flex; + order: 2; + + font-size: 0; + + &::after { + content: "FRETE"; + + font-weight: 400; + font-size: 14px; + line-height: 19px; + + color: $black-100; + } + } + } +} + +.shippingTableBody { + .shippingtableRow { + display: flex; + flex-direction: row; + } + + .shippingTableCellDeliveryEstimate { + display: flex; + order: 3; + } + + .shippingTableRadioBtn { + display: none; + } +} diff --git a/styles/sass/utils/_vars.scss b/styles/sass/utils/_vars.scss index b430298..18a84ed 100644 --- a/styles/sass/utils/_vars.scss +++ b/styles/sass/utils/_vars.scss @@ -1,4 +1,5 @@ $color-black: #292929; +$black-100: #202020; $black: #000000; $white: #fff;