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) {
height: 19px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #aeaeae;
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 {

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

@ -10,11 +10,31 @@
&:first-child {
:global(.vtex-input) {
:global(.vtex-input-prefix__group) {
height: 19px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #aeaeae;
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-radius: unset;
padding: 12px 14px;
width: 100%;
width: 100%;
}
:global(.vtex-styleguide-9-x-input)::placeholder {
font-weight: 400;