anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #15

Merged
anacarolinaduartecavalcante merged 9 commits from feature/challenge-vtex-io into develop 2023-02-09 19:44:44 +00:00
Conversation 0 Commits 9 Files Changed 13 +2 -94
2 changed files with 2 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d532286421 - Show all commits

39
styles/css/vtex.flex-layout.css
View File

@ -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;

57
styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss
View File

@ -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;
}
}
}
}
}
}