From d5322864212b6e1622d7c247a606797c67ef5c76 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:16:14 -0300 Subject: [PATCH] style: removendo estilos do login e do header --- styles/css/vtex.flex-layout.css | 39 +------------ .../vtexFlexLayout/vtex.flex-layout.scss | 57 +------------------ 2 files changed, 2 insertions(+), 94 deletions(-) diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 5496f43..584df55 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -19,6 +19,7 @@ justify-content: space-between; align-items: center; padding: 32px 40px; + column-gap: 16px; } @media (max-width: 2561px) and (min-width: 1920px) { .flexRow--main-header .flexRowContent--main-header { @@ -29,17 +30,6 @@ .flexRow--main-header .flexRowContent--main-header :global(.vtex-minicart-2-x-minicartWrapperContainer) :global(.vtex-minicart-2-x-minicartContainer) :global(.vtex-minicart-2-x-openIconContainer) { padding-right: 0; } -.flexRow--main-header .flexRowContent--main-header :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) { - visibility: hidden; -} -.flexRow--main-header .flexRowContent--main-header :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; -} .flexRow--main-header-mobile .flexRowContent--main-header-mobile { display: flex; @@ -73,33 +63,6 @@ width: 27.93px; height: 21px; } -.flexRow--main-header-mobile .flexRowContent--main-header-mobile :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) { - visibility: hidden; -} -.flexRow--main-header-mobile .flexRowContent--main-header-mobile :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - left: 0; - position: absolute; -} - -@media (max-width: 2561px) and (min-width: 1920px) { - .flexColChild :global(.vtex-menu-2-x-menuContainerNav) :global(.vtex-menu-2-x-menuContainer) { - margin-left: 308.08px; - } -} -.flexColChild :global(.vtex-menu-2-x-menuContainerNav) :global(.vtex-menu-2-x-menuContainer) :global(.vtex-menu-2-x-menuItem) :global(.vtex-menu-2-x-styledLink) :global(.vtex-menu-2-x-styledLinkContent) { - font-weight: 400; - font-size: 12px; - line-height: 16px; - letter-spacing: -0.1em; - text-transform: uppercase; - color: #929292; -} .flexRowContent { padding: 0; diff --git a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss index 91b1465..9a99deb 100644 --- a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss @@ -11,6 +11,7 @@ justify-content: space-between; align-items: center; padding: 32px 40px; + column-gap: 16px; @media (max-width: 2561px) and (min-width: 1920px) { margin: 0 auto; padding: 32px 14.0593%; @@ -22,21 +23,6 @@ } } } - :global(.vtex-login-2-x-container) { - :global(.vtex-button) { - :global(.vtex-button__label) { - visibility: hidden; - } - :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - } - } - } } } @@ -70,47 +56,6 @@ width: 27.93px; height: 21px; } - :global(.vtex-login-2-x-container) { - :global(.vtex-button) { - :global(.vtex-button__label) { - visibility: hidden; - } - :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - left: 0; - position: absolute; - } - } - } - } -} - -//Menu - -.flexColChild { - :global(.vtex-menu-2-x-menuContainerNav) { - :global(.vtex-menu-2-x-menuContainer) { - @media (max-width: 2561px) and (min-width: 1920px) { - margin-left: 308.08px; - } - :global(.vtex-menu-2-x-menuItem) { - :global(.vtex-menu-2-x-styledLink) { - :global(.vtex-menu-2-x-styledLinkContent) { - font-weight: 400; - font-size: 12px; - line-height: 16px; - letter-spacing: -0.1em; - text-transform: uppercase; - color: $gray; - } - } - } - } } }