SavioCarvalhoMoraes/challenge-vtex-io-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adicionando estilo no Cep

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2023-02-08 18:20:58 -03:00
parent 0abdeaba4f
commit e73bc62040
4 changed files with 54 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
styles/css/vtex.address-form.css Normal file
View File

@ -0,0 +1,13 @@
/*
0 - 600PX: Phone
600 - 900px: Table portrait
900 - 1200px: Tablet landscape
[1200 - 1800] is where our nortal styles apply
1800px + : Big desktop
*/
/* Media Query M3 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
/* Grid breakpoints */
.input::placeholder {
content: "Digite seu CEP";
}

21
styles/css/vtex.store-components.css
View File

@ -113,8 +113,12 @@
} }
.shippingContainer :global(.vtex-button) :global(.vtex-button__label)::after { .shippingContainer :global(.vtex-button) :global(.vtex-button__label)::after {
content: "Ok"; content: "Ok";
color: white; font-family: "Open Sans";
font-size: 10px; font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #ffffff;
} }
.shippingContainer :global(.vtex-input) :global(.vtex-input__label) { .shippingContainer :global(.vtex-input) :global(.vtex-input__label) {
@ -138,8 +142,19 @@
} }
.shippingContainer :global(.vtex-button) { .shippingContainer :global(.vtex-button) {
position: relative; position: relative;
right: 49px; right: 127px;
top: 27px; top: 27px;
width: 49px; width: 49px;
height: 49px; height: 49px;
} }
.shippingContainer :global(.vtex-address-form__postalCode) {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
position: relative;
left: 70px;
top: 8px;
}

5
styles/sass/pages/product/vtex.address-form.scss Normal file
View File

@ -0,0 +1,5 @@
.input {
&::placeholder {
content: "Digite seu CEP";
}
}

21
styles/sass/pages/product/vtex.store-components.scss
View File

@ -107,8 +107,12 @@
font-size: 0; font-size: 0;
&::after { &::after {
content: "Ok"; content: "Ok";
color: white; font-family: "Open Sans";
font-size: 10px; font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 19px;
color: #ffffff;
} }
} }
} }
@ -138,9 +142,20 @@
:global(.vtex-button) { :global(.vtex-button) {
position: relative; position: relative;
right: 49px; right: 127px;
top: 27px; top: 27px;
width: 49px; width: 49px;
height: 49px; height: 49px;
} }
:global(.vtex-address-form__postalCode) {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
:global(.vtex-address-form__postalCode-forgottenURL) {
position: relative;
left: 70px;
top: 8px;
}
} }