Set search input height in Parcel bundler.

[absemetov]

Hi folks! I set CSS variables

:root {
  --aa-search-input-height: 38px;
}

Parcel generate css code:

aa-Input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font: inherit;
height: var(--aa-search-input-height);
background: none;
border: 0;
width: 100%;
height: 44px;
padding: 0;
}
How too fix this?
I have another question, maybe someone can help parcel-bundler/parcel#9126

Environment

• OS: Linux
• Browser: Chrome
• Autocomplete version: 1.9.4

[Haroenv]

I don't believe this is a question related to autocomplete itself, but around the general usage of CSS, so I won't be able to help. Good luck!

[absemetov]

Hi @Haroenv! Why are you using the height parameter twice?

Algolia docs site

My site rzk.com.ua

[Haroenv]

That's likely because of a postcss plugin used on the documentation site that sets the value for browsers not supporting css variables. However I don't understand why the order of your aa-input has changed

[absemetov]

Problem solved. I migrate project to Vite bundler.