Совместимость браузера CSS со стилевыми компонентами и Gatsby - PullRequest
Новая
       31

Совместимость браузера CSS со стилевыми компонентами и Gatsby

0 голосов
/ 13 декабря 2018

Я оформляю свой сайт Gatsby.js с помощью CSS-in-JS стилевых компонентов.

Gatsby (или стилевые компоненты или Webpack) делает мой CSS-совместимым для меня?

Например, скажем, я оформляю форму.С традиционным CSS я бы сделал что-то вроде: 

button, input, select, textarea {
  margin: 0;
  width: 100%;
       border-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

С Gatsby и стилевыми компонентами, я бы хотел сделать это: 

const Form = styled.form`
  button, input, select, textarea {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
`

Могу ли я пропустить эти -moz или-webkit объявлений и все еще в конечном итоге с CSS, совместимым с браузером-браузером?

1 Ответ

0 голосов
/ 13 декабря 2018
В библиотеке

styled-components для выбрано стилей поставщиков с автоматическим префиксом, поэтому вам не нужно указывать -moz или -webkit extensions.

.,Это делается с помощью stylis парсера, который styled-components использует внизу.Вы можете проверить их предварительный просмотр в реальном времени, чтобы увидеть, какие из них добавлены.

...