将自定义样式添加到 react-styleguidist 库

Question

我正在尝试使用 react-styleguidist 库创建项目文档。但是，我有一个问题。好吧，在项目中我确实重置了单位 rem 以使用 10px 的倍数，而不是 16px。

一切都很好，但我是在应用程序样式的根目录下完成的。 Stylegudist 看不到它。如何将这样一行添加到文档库？

html {font-size: 62.5%; / * Now 10px = 1rem! * /}

或者换个方式。我不想将 rem 重置为我的每个组件样式。

干杯，丹尼尔

Answer 1

根据@ArtemSapegin 的建议，我找到了this repository，这对我很有帮助！我希望它将来能解决其他人的问题！

这就是我的 styleguide.config.js。

module.exports = {
    template: {
        head: {
            links: [
                {
                    rel: 'stylesheet',
                    href: 'https://fonts.googleapis.com/css?family=Montserrat:400,600'
                }
            ]
        }
    },
    theme: {
        fontFamily: {
            base: '"Montserrat", sans-serif',
            fontSize: '62.5%'
        }
    }
};

将自定义样式添加到 react-styleguidist 库

Adding custom styles to the react-styleguidist library

css

sass

reactjs

react-styleguidist