search

Chronoblog / gatsby-theme-chronoblog

⏳ Chronoblog is a Gatsbyjs theme specifically designed to create a personal website. The main idea of ​​Chronoblog is to allow you not only to write a personal blog but also to keep a record of everything important that you have done.
https://chronoblog.now.sh
MIT License
130 stars 26 forks source link

-webkit-appearance is not supported by theme-ui sx property #58

Open joshball opened 4 years ago

joshball commented 4 years ago

The code in feed-search.js (the reference to -webkit-appearance):

       <Box sx={{ flexGrow: 1 }}>
          <input
            type="search"
            aria-label="search"
            sx={{
              '-webkit-appearance': 'textfield',
              width: ['100%'],
              ...

Is causing theme-ui to throw an error:

Using kebab-case for css properties in objects is not supported. Did you mean WebkitAppearance?

Should that be pulled out to a local style? Global style? Not sure the best approach here.