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

时间:2018-11-12 08:01:55

标签: css reactjs sass react-styleguidist

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

一切都很好,但是我是在应用程序样式的根本上做到的。 Stylegudist没有看到它。如何在文档库中添加这样的行?

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

或者采用其他方式。我不想将rem重置为每种组件样式。

干杯, 丹尼尔

1 个答案:

答案 0 :(得分:0)

根据@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%'
        }
    }
};