我想指定我自己的自定义断点。https://styled-system.com/responsive-styles/#using-objects的文档仅指theme.js.
但我不明白我在哪里放置theme.js？或找到它？以及如何将其导入项目？以及如何使用别名定义断点并使用普通对象作为值。？
有人可以指导我吗？我styled-system在 Gatsby.js 中使用
问问题
125 次
1 回答
1
您只需要导出一个名为breakpoints. 在我的项目中，我们使用一个 js 文件来定义我们的主题，它看起来像这样
export const breakpoints = ['769px', '1367px'];
由于您使用的是 Gatbsy，因此您需要安装gatsby-plugin-theme-ui。您的主题文件将是src/gatsby-plugin-theme-ui/index.js.
于 2021-02-17T15:29:47.580 回答