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

style: adicionando estilo do login

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-09 16:21:03 -03:00
parent d532286421
commit 36d5038939
2 changed files with 45 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,13 +7,31 @@
*/
/* Media Query M3 */
/* 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) {
.buttonLink {
position: relative;
:global(.vtex-login-2-x-container) :global(.vtex-button) {
left: 30px;
width: 22px;
}
.buttonLink :global(.vtex-button) {
width: 22px;
}
}
:global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) {
visibility: hidden;
padding: 0;
width: 22px;
}
: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;
height: 18px;
padding: 0;
}

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

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