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 input de pesquisa

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-09 16:10:37 -03:00
parent b0ff1ddab3
commit a2bf829146
2 changed files with 37 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,11 +13,27 @@
} }
.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) { .autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) {
height: 19px;
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right: none; border-right: none;
border-bottom: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;
border-radius: 0; border-radius: 0;
display: flex;
flex-direction: row-reverse;
}
.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) {
font-size: 12px;
padding-left: 12px;
padding-bottom: 6px;
}
.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) {
padding: 0 0 8px;
}
.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) :global(.vtex-store-components-3-x-suffixWrapper) :global(.vtex-store-components-3-x-searchBarIcon) :global(.vtex-store-components-3-x-searchIcon) {
width: 10px;
height: 10px;
filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%);
} }
.container { .container {

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

@ -10,11 +10,31 @@
&:first-child { &:first-child {
:global(.vtex-input) { :global(.vtex-input) {
:global(.vtex-input-prefix__group) { :global(.vtex-input-prefix__group) {
height: 19px;
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right: none; border-right: none;
border-bottom: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;
border-radius: 0; border-radius: 0;
display: flex;
flex-direction: row-reverse;
:global(.vtex-styleguide-9-x-input) {
font-size: 12px;
padding-left: 12px;
padding-bottom: 6px;
}
:global(.vtex-input__suffix) {
padding: 0 0 8px;
:global(.vtex-store-components-3-x-suffixWrapper) {
:global(.vtex-store-components-3-x-searchBarIcon) {
:global(.vtex-store-components-3-x-searchIcon) {
width: 10px;
height: 10px;
filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%);
}
}
}
}
} }
} }
} }
@ -217,7 +237,7 @@
border: 1px solid #989898; border: 1px solid #989898;
border-radius: unset; border-radius: unset;
padding: 12px 14px; padding: 12px 14px;
width: 100%; width: 100%;
} }
:global(.vtex-styleguide-9-x-input)::placeholder { :global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400; font-weight: 400;