forked from M3-Academy/challenge-vtex-io
style: adicionando estilo do login
This commit is contained in:
parent
d532286421
commit
36d5038939
@ -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;
|
||||||
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;
|
||||||
}
|
}
|
@ -1,10 +1,26 @@
|
|||||||
@media (max-width: 768px) and (min-width: 375px) {
|
:global(.vtex-login-2-x-container) {
|
||||||
.buttonLink {
|
width: 22px;
|
||||||
position: relative;
|
:global(.vtex-button) {
|
||||||
left: 30px;
|
|
||||||
width: 22px;
|
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;
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user