From c9a06914fb7fcf6013379c2e9a6351746de13947 Mon Sep 17 00:00:00 2001 From: marlon passos Date: Fri, 20 Jan 2023 14:48:56 -0300 Subject: [PATCH] fix: corrige o prolema do css de componentes custom --- manifest.json | 3 +- styles/css/agenciamagma.store-theme.css | 16 ++++++++ styles/css/contact/vtex.flex-layout.css | 16 -------- styles/css/faq/vtex.disclosure-layout.css | 37 ------------------- styles/css/faq/vtex.flex-layout.css | 4 -- .../vtex.flex-layout.css | 20 ---------- .../vtex.product-specifications.css | 7 ---- styles/css/search/vtex.flex-layout.css | 34 ----------------- styles/css/search/vtex.product-summary.css | 31 ---------------- styles/css/search/vtex.rich-text.css | 14 ------- styles/css/search/vtex.store-components.css | 12 ------ styles/css/vtex.reviews-and-ratings.css | 17 --------- .../product/agenciamagma.store-theme.scss | 8 ++++ 13 files changed, 26 insertions(+), 193 deletions(-) create mode 100644 styles/css/agenciamagma.store-theme.css delete mode 100644 styles/css/contact/vtex.flex-layout.css delete mode 100644 styles/css/faq/vtex.disclosure-layout.css delete mode 100644 styles/css/faq/vtex.flex-layout.css delete mode 100644 styles/css/product-specification-table/vtex.flex-layout.css delete mode 100644 styles/css/product-specification-table/vtex.product-specifications.css delete mode 100644 styles/css/search/vtex.flex-layout.css delete mode 100644 styles/css/search/vtex.product-summary.css delete mode 100644 styles/css/search/vtex.rich-text.css delete mode 100644 styles/css/search/vtex.store-components.css delete mode 100644 styles/css/vtex.reviews-and-ratings.css create mode 100644 styles/sass/pages/product/agenciamagma.store-theme.scss diff --git a/manifest.json b/manifest.json index 176e8cc..9ee3cc5 100644 --- a/manifest.json +++ b/manifest.json @@ -1,5 +1,5 @@ { - "vendor": "agenciam3", + "vendor": "agenciamagma", "name": "store-theme", "version": "5.1.0", "builders": { @@ -15,6 +15,7 @@ "postreleasy": "vtex publish --verbose" }, "dependencies": { + "agenciamagma.store-theme": "5.x", "vtex.store": "2.x", "vtex.store-header": "2.x", "vtex.product-summary": "2.x", diff --git a/styles/css/agenciamagma.store-theme.css b/styles/css/agenciamagma.store-theme.css new file mode 100644 index 0000000..5e37ba5 --- /dev/null +++ b/styles/css/agenciamagma.store-theme.css @@ -0,0 +1,16 @@ +/* +0 - 600PX: Phone +600 - 900px: Table portrait +900 - 1200px: Tablet landscape +[1200 - 1800] is where our nortal styles apply +1800px + : Big desktop +*/ +/* Media Query M3 */ +/* Grid breakpoints */ +.html { + background-color: red; +} + +.html--pdp-breadcrumb { + background-color: green; +} \ No newline at end of file diff --git a/styles/css/contact/vtex.flex-layout.css b/styles/css/contact/vtex.flex-layout.css deleted file mode 100644 index 5e01b4f..0000000 --- a/styles/css/contact/vtex.flex-layout.css +++ /dev/null @@ -1,16 +0,0 @@ -.flexRowContent--contact { - max-width: 700px; - margin: auto; -} - -.flexRowContent--contact :global(.vtex-input__label), -.flexRowContent--contact :global(.vtex-textarea__label) { - font-size: 1rem; - color: #3f3f40; -} - -.flexRowContent--contact :global(.vtex-input), -.flexRowContent--contact :global(.vtex-textarea) { - display: block; - margin-bottom: 1rem; -} diff --git a/styles/css/faq/vtex.disclosure-layout.css b/styles/css/faq/vtex.disclosure-layout.css deleted file mode 100644 index cc09dd4..0000000 --- a/styles/css/faq/vtex.disclosure-layout.css +++ /dev/null @@ -1,37 +0,0 @@ -.trigger--question { - display: flex; - align-items: center; - cursor: pointer; - outline: none; -} - -.trigger--question :global(.vtex-rich-text-0-x-paragraph) { - font-weight: bold; -} - -.trigger--question:focus, -.trigger--question:focus :global(.vtex-rich-text-0-x-paragraph) { - color: #0F3E99; -} - -.trigger :global(.vtex-store-icons-0-x-caretIcon) { - margin-right: 1rem; -} - -.content--answer { - transition: opacity 250ms ease-in-out, height 250ms ease-in-out, transform 250ms ease-in-out; - opacity: 0; - height: 0; - transform: translate3d(0, -10%, 0); -} - -.content--answer[data-enter] { - opacity: 1; - height: fit-content; - transform: translate3d(0, 0, 0); -} - -.content--answer[data-leave] { - height: 0; - overflow: hidden; -} diff --git a/styles/css/faq/vtex.flex-layout.css b/styles/css/faq/vtex.flex-layout.css deleted file mode 100644 index dcc6469..0000000 --- a/styles/css/faq/vtex.flex-layout.css +++ /dev/null @@ -1,4 +0,0 @@ -.flexRowContent--faq { - max-width: 700px; - margin: auto; -} diff --git a/styles/css/product-specification-table/vtex.flex-layout.css b/styles/css/product-specification-table/vtex.flex-layout.css deleted file mode 100644 index 3c101f7..0000000 --- a/styles/css/product-specification-table/vtex.flex-layout.css +++ /dev/null @@ -1,20 +0,0 @@ -.flexRow--productSpecificationGroup:not(:first-child) { - margin-top: 1.5rem; -} - -.flexRow--productSpecificationGroupName { - background-color: #eaeaea; - padding: 0.5rem 1rem; -} - -.flexCol--productSpecificationName { - padding: 1rem; -} - -.flexCol--productSpecificationValue { - padding: 1rem 1rem 1rem 0; -} - -.flexRow--productSpecification:nth-child(even) { - background-color: #f9f9f9; -} diff --git a/styles/css/product-specification-table/vtex.product-specifications.css b/styles/css/product-specification-table/vtex.product-specifications.css deleted file mode 100644 index 1dd5567..0000000 --- a/styles/css/product-specification-table/vtex.product-specifications.css +++ /dev/null @@ -1,7 +0,0 @@ -.groupName { - font-size: 1.25rem; -} - -.specificationName { - font-weight: bold; -} diff --git a/styles/css/search/vtex.flex-layout.css b/styles/css/search/vtex.flex-layout.css deleted file mode 100644 index b66758e..0000000 --- a/styles/css/search/vtex.flex-layout.css +++ /dev/null @@ -1,34 +0,0 @@ -.flexRow--orderByAndSwitcher { - padding-right: 1.5em; -} - -.flexRowContent--savingsSummaryListDesktop { - justify-content: flex-start; -} - -.flexCol--summaryRightListDesktop { - justify-content: space-around; -} - -.flexRow--buyNowButton :global(.vtex-button) { - background: #eef3f7; - border-color:#eef3f7; - color: #0f3e99; -} - -.flexRow--buyNowButton:hover :global(.vtex-button) { - background: #dbe9fd; - border-color:#dbe9fd; -} - -.flexCol--productRating { - margin-bottom: 3rem; -} - -.flexCol--summaryDetailsListMobile { - justify-content: space-between; -} - -.flexCol--summaryUpDetailsListMobile { - margin-bottom: 0.25rem -} diff --git a/styles/css/search/vtex.product-summary.css b/styles/css/search/vtex.product-summary.css deleted file mode 100644 index f160eca..0000000 --- a/styles/css/search/vtex.product-summary.css +++ /dev/null @@ -1,31 +0,0 @@ -.nameContainer--summaryListDesktop { - padding-top: 0.25rem; - padding-bottom: 0.75rem; - justify-content: start; -} - -.nameContainer--summaryListMobile { - padding-top: 0.25rem; - padding-bottom: 0.5rem; - justify-content: start; -} - -.brandName--summaryListMobile { - font-weight: 400; - font-size: 0.875rem; - color: black; -} - -.container--listLayout { - max-width: none !important; -} - -.image--summaryListDesktop { - width: 180px !important; -} - -.image--summaryListMobile { - width: 140px !important; - min-width: 140px; - height: inherit !important; -} diff --git a/styles/css/search/vtex.rich-text.css b/styles/css/search/vtex.rich-text.css deleted file mode 100644 index b187dad..0000000 --- a/styles/css/search/vtex.rich-text.css +++ /dev/null @@ -1,14 +0,0 @@ -.container--layout-option { - margin-left: 0.3em; -} - -.paragraph--layout-option { - margin: 0; -} - -.paragraph--summarySpecificationBullet { - margin: 0; - line-height: initial; - font-size: 1.25rem; - line-height: 1.15rem; -} diff --git a/styles/css/search/vtex.store-components.css b/styles/css/search/vtex.store-components.css deleted file mode 100644 index f86b614..0000000 --- a/styles/css/search/vtex.store-components.css +++ /dev/null @@ -1,12 +0,0 @@ -.productBrandName--summaryListDesktop { - text-decoration: none; - font-weight: 500; - color: #0067C7; - font-size: .875rem; -} - -.productBrandName--summaryListMobile { - text-decoration: none; - color: #0067C7; - font-size: .875rem; -} diff --git a/styles/css/vtex.reviews-and-ratings.css b/styles/css/vtex.reviews-and-ratings.css deleted file mode 100644 index 1c7beae..0000000 --- a/styles/css/vtex.reviews-and-ratings.css +++ /dev/null @@ -1,17 +0,0 @@ -.container { - max-width: 96rem; - padding-left: .5rem; - padding-right: .5rem; -} - -.inlineContainer { - margin-left: 0rem; -} - -.star--filled { - color: #FFB100; -} - -.star--empty { - color: #FFB100; -} diff --git a/styles/sass/pages/product/agenciamagma.store-theme.scss b/styles/sass/pages/product/agenciamagma.store-theme.scss new file mode 100644 index 0000000..ea7d5b9 --- /dev/null +++ b/styles/sass/pages/product/agenciamagma.store-theme.scss @@ -0,0 +1,8 @@ +.html { + background-color: red; +} + +.html--pdp-breadcrumb { + background-color: green; +} +