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: corrigindo estilo dos inputs da área de produto indisponível

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-07 14:53:55 -03:00
parent bd57ff06e0
commit 9953a9c575
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -161,7 +161,7 @@
@media (max-width: 768px) and (min-width: 375px) { @media (max-width: 768px) and (min-width: 375px) {
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) {
column-gap: 8px; column-gap: 8px;
grid-template-columns: 48.57% 48.57%; grid-template-columns: 48.563% 48.563%;
width: 100%; width: 100%;
} }
} }
@ -181,6 +181,10 @@
margin-right: 0; margin-right: 0;
} }
} }
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) {
border: 0 !important;
border-radius: unset !important;
}
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -189,7 +193,8 @@
border: 1px solid #989898; border: 1px solid #989898;
border-radius: unset; border-radius: unset;
height: 40px; height: 40px;
padding: 0 14px; padding: 12px 14px;
width: 100%;
} }
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputName) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400; font-weight: 400;
@ -214,6 +219,10 @@
margin-right: 0; margin-right: 0;
} }
} }
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) {
border: 0 !important;
border-radius: unset !important;
}
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -221,7 +230,8 @@
color: #989898; color: #989898;
border: 1px solid #989898; border: 1px solid #989898;
border-radius: unset; border-radius: unset;
padding: 0 14px; padding: 12px 14px;
width: 100%;
} }
:global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder { :global(.vtex-store-components-3-x-subscriberContainer) :global(.vtex-store-components-3-x-form) :global(.vtex-store-components-3-x-content) :global(.vtex-store-components-3-x-inputEmail) :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400; font-weight: 400;

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

@ -159,7 +159,7 @@
} }
@media (max-width: 768px) and (min-width: 375px) { @media (max-width: 768px) and (min-width: 375px) {
column-gap: 8px; column-gap: 8px;
grid-template-columns: 48.57% 48.57%; grid-template-columns: 48.563% 48.563%;
width: 100%; width: 100%;
} }
:global(.vtex-store-components-3-x-inputName) { :global(.vtex-store-components-3-x-inputName) {
@ -175,6 +175,8 @@
} }
:global(.vtex-input) { :global(.vtex-input) {
:global(.vtex-input-prefix__group) { :global(.vtex-input-prefix__group) {
border: 0 !important;
border-radius: unset !important;
:global(.vtex-styleguide-9-x-input) { :global(.vtex-styleguide-9-x-input) {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -183,7 +185,8 @@
border: 1px solid #989898; border: 1px solid #989898;
border-radius: unset; border-radius: unset;
height: 40px; height: 40px;
padding: 0 14px; padding: 12px 14px;
width: 100%;
} }
:global(.vtex-styleguide-9-x-input)::placeholder { :global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400; font-weight: 400;
@ -208,6 +211,8 @@
} }
:global(.vtex-input) { :global(.vtex-input) {
:global(.vtex-input-prefix__group) { :global(.vtex-input-prefix__group) {
border: 0 !important;
border-radius: unset !important;
:global(.vtex-styleguide-9-x-input) { :global(.vtex-styleguide-9-x-input) {
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -215,7 +220,8 @@
color: #989898; color: #989898;
border: 1px solid #989898; border: 1px solid #989898;
border-radius: unset; border-radius: unset;
padding: 0 14px; padding: 12px 14px;
width: 100%;
} }
:global(.vtex-styleguide-9-x-input)::placeholder { :global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400; font-weight: 400;
@ -588,7 +594,6 @@
} }
} }
//Tab Layout //Tab Layout
.productImagesContainer--image-description { .productImagesContainer--image-description {