challenge-vtex-io-josecarlo.../styles/sass/pages/header/vtex.store-components.scss

47 lines
919 B
SCSS

.searchBarContainer{
padding: 0;
align-self: center;
:global(.vtex-input-prefix__group){
display: flex;
flex-direction: row-reverse;
border: 0;
border-radius: 0;
border-bottom: 1px solid #AEAEAE;
height: auto;
:global(.vtex-styleguide-9-x-input){
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: #AEAEAE;
border: 0;
padding: 0;
background: transparent;
padding-bottom: 8px;
}
:global(.vtex-input__suffix){
padding: 0;
padding-bottom: 8px;
background: transparent;
:global(.vtex-store-components-3-x-searchBarIcon--search){
padding-right: 12px;
&::after{
content: url("https://agenciamagma.vteximg.com.br/arquivos/searchChallengeVtexT4.svg");
}
}
:global(.vtex-store-components-3-x-searchIcon){
display: none;
}
}
}
}