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 +45 -11
2 changed files with 45 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 36d5038939 - Show all commits

26
styles/css/vtex.login.css
View File

@ -7,13 +7,31 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
:global(.vtex-login-2-x-container) {
width: 22px;
}
:global(.vtex-login-2-x-container) :global(.vtex-button) {
width: 22px;
border: 0;
}
@media (max-width: 768px) and (min-width: 375px) { @media (max-width: 768px) and (min-width: 375px) {
.buttonLink { :global(.vtex-login-2-x-container) :global(.vtex-button) {
position: relative;
left: 30px; left: 30px;
}
}
:global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) {
visibility: hidden;
padding: 0;
width: 22px; width: 22px;
} }
.buttonLink :global(.vtex-button) { :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) :global(.vtex-login-2-x-label) {
display: none;
}
: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; width: 22px;
} height: 18px;
padding: 0;
} }

24
styles/sass/pages/product/vtexLogin/vtex.login.scss
View File

@ -1,10 +1,26 @@
@media (max-width: 768px) and (min-width: 375px) { :global(.vtex-login-2-x-container) {
.buttonLink {
position: relative;
left: 30px;
width: 22px; width: 22px;
:global(.vtex-button) { :global(.vtex-button) {
width: 22px; width: 22px;
border: 0;
@media (max-width: 768px) and (min-width: 375px) {
left: 30px;
}
:global(.vtex-button__label) {
visibility: hidden;
padding: 0;
width: 22px;
:global(.vtex-login-2-x-label) {
display: none;
}
}
: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;
} }
} }
} }