Пользовательские точки останова в стиле стилевой системы

Question

Я хотел бы указать свои собственные точки останова. Документация https://styled-system.com/responsive-styles/#using-objects относится только к.

Но я не понимаю, где мне разместить theme.js? или найти? и как мне его импортировать в проект? и как мне определять точки останова с псевдонимами и использовать в качестве значений простые объекты?

Кто-нибудь может помочь мне? я использую styled-system в Gatsby.js

Answer 1

Вам просто нужно экспортировать ключ под названием breakpoints. В моем проекте мы используем файл js для определения нашей темы, это выглядит так

      export const breakpoints = ['769px', '1367px'];