From f43a5ebef0efc2f1f44286838ae19e2d2f89dd84 Mon Sep 17 00:00:00 2001 From: Bernardo Waldhelm Date: Wed, 1 Feb 2023 11:14:18 -0300 Subject: [PATCH] feat(home): estruturando scss em novas pastas organizadas --- store/blocks/pdp/product.jsonc | 4 ++-- styles/css/vtex.slider-layout.css | 1 + styles/css/vtex.tab-layout.css | 2 +- .../product/{ => vtexComponents}/vtex.store-components.scss | 0 .../pages/product/{ => vtexFlexLayout}/vtex.flex-layout.scss | 0 .../product/{ => vtexProduct}/vtex.product-identifier.scss | 0 .../pages/product/{ => vtexProduct}/vtex.product-price.scss | 0 .../product/{ => vtexProduct}/vtex.product-quantity.scss | 0 .../pages/product/{ => vtexProduct}/vtex.product-summary.scss | 0 .../pages/product/{ => vtexProduct}/vtex.stack-layout.scss | 0 .../sass/pages/product/{ => vtexSlider}/vtex.rich-text.scss | 0 .../pages/product/{ => vtexSlider}/vtex.slider-layout.scss | 1 + styles/sass/pages/product/{ => vtexTab}/vtex.tab-layout.scss | 2 +- 13 files changed, 6 insertions(+), 4 deletions(-) rename styles/sass/pages/product/{ => vtexComponents}/vtex.store-components.scss (100%) rename styles/sass/pages/product/{ => vtexFlexLayout}/vtex.flex-layout.scss (100%) rename styles/sass/pages/product/{ => vtexProduct}/vtex.product-identifier.scss (100%) rename styles/sass/pages/product/{ => vtexProduct}/vtex.product-price.scss (100%) rename styles/sass/pages/product/{ => vtexProduct}/vtex.product-quantity.scss (100%) rename styles/sass/pages/product/{ => vtexProduct}/vtex.product-summary.scss (100%) rename styles/sass/pages/product/{ => vtexProduct}/vtex.stack-layout.scss (100%) rename styles/sass/pages/product/{ => vtexSlider}/vtex.rich-text.scss (100%) rename styles/sass/pages/product/{ => vtexSlider}/vtex.slider-layout.scss (98%) rename styles/sass/pages/product/{ => vtexTab}/vtex.tab-layout.scss (99%) diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index 0a1e260..28ac406 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -215,8 +215,8 @@ "children": [ "flex-layout.row#product-name", "product-identifier.product", - "sku-selector", - "flex-layout.row#availability" + "flex-layout.row#availability", + "sku-selector" ] }, "flex-layout.row#availability": { diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 16bcab0..573c76d 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -12,6 +12,7 @@ background: unset; width: 71.87%; margin: 0 auto 64px; + padding-top: 16px; } @media (min-width: 769px) and (max-width: 1024px) { .sliderLayoutContainer--carousel { diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index d61715b..72c5ae8 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -104,7 +104,7 @@ } @media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { .contentContainer--description-content { - padding-bottom: 16px; + padding: 0 0 16px; border-bottom: 1px solid #BFBFBF; } } diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtexComponents/vtex.store-components.scss similarity index 100% rename from styles/sass/pages/product/vtex.store-components.scss rename to styles/sass/pages/product/vtexComponents/vtex.store-components.scss diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss similarity index 100% rename from styles/sass/pages/product/vtex.flex-layout.scss rename to styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss diff --git a/styles/sass/pages/product/vtex.product-identifier.scss b/styles/sass/pages/product/vtexProduct/vtex.product-identifier.scss similarity index 100% rename from styles/sass/pages/product/vtex.product-identifier.scss rename to styles/sass/pages/product/vtexProduct/vtex.product-identifier.scss diff --git a/styles/sass/pages/product/vtex.product-price.scss b/styles/sass/pages/product/vtexProduct/vtex.product-price.scss similarity index 100% rename from styles/sass/pages/product/vtex.product-price.scss rename to styles/sass/pages/product/vtexProduct/vtex.product-price.scss diff --git a/styles/sass/pages/product/vtex.product-quantity.scss b/styles/sass/pages/product/vtexProduct/vtex.product-quantity.scss similarity index 100% rename from styles/sass/pages/product/vtex.product-quantity.scss rename to styles/sass/pages/product/vtexProduct/vtex.product-quantity.scss diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtexProduct/vtex.product-summary.scss similarity index 100% rename from styles/sass/pages/product/vtex.product-summary.scss rename to styles/sass/pages/product/vtexProduct/vtex.product-summary.scss diff --git a/styles/sass/pages/product/vtex.stack-layout.scss b/styles/sass/pages/product/vtexProduct/vtex.stack-layout.scss similarity index 100% rename from styles/sass/pages/product/vtex.stack-layout.scss rename to styles/sass/pages/product/vtexProduct/vtex.stack-layout.scss diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtexSlider/vtex.rich-text.scss similarity index 100% rename from styles/sass/pages/product/vtex.rich-text.scss rename to styles/sass/pages/product/vtexSlider/vtex.rich-text.scss diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtexSlider/vtex.slider-layout.scss similarity index 98% rename from styles/sass/pages/product/vtex.slider-layout.scss rename to styles/sass/pages/product/vtexSlider/vtex.slider-layout.scss index 1d1e01c..e1eb48d 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtexSlider/vtex.slider-layout.scss @@ -2,6 +2,7 @@ background: unset; width: 71.87%; margin: 0 auto 64px; + padding-top: 16px; @media #{$mq-tablet} { min-height: 306px; diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtexTab/vtex.tab-layout.scss similarity index 99% rename from styles/sass/pages/product/vtex.tab-layout.scss rename to styles/sass/pages/product/vtexTab/vtex.tab-layout.scss index 797d635..60e8258 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtexTab/vtex.tab-layout.scss @@ -94,7 +94,7 @@ padding: 0 32px; @media #{$mq-tablet}, #{$mq-mobile}{ - padding-bottom: 16px; + padding: 0 0 16px; border-bottom: 1px solid #BFBFBF; }