Я хотел бы указать свои собственные брейкпинты. Документация как https://styled-system.com/responsive-styles/#using-objects относится только к theme.js.
Но я не понимаю, где мне поставить theme.js? или найти? и как мне его импортировать в проект? и как мне определить точки останова с псевдонимами и использовать простые объекты в качестве значений?
Может кто-нибудь, пожалуйста, направьте меня? Я использую styled-system в Gatsby.js
Вам просто нужно экспортировать ключ с именем breakpoints. В моем проекте мы используем файл js для определения нашей темы, он выглядит так
export const breakpoints = ['769px', '1367px'];
Поскольку вы используете Gatbsy, вам необходимо установить gatsby-plugin-theme-ui. . Ваш файл темы будет src/gatsby-plugin-theme-ui/index.js.
theme.js, который будет содержать эту строку кода, которую вы упомянули. Итак, где живет theme.js?
- person Blix; 06.03.2021
