代码之家 › 专栏 › 技术社区 › jgoraya

自定义SCS似乎未被引用

sass reactjs css

jgoraya · 技术社区 · 9 年前

我正在建立一个使用Grommet UX框架的React网站。我的网站的一部分使用聊天控件,我想在其中应用聊天控件的样式。这个问题是我的习惯。css似乎没有将该样式应用于web控件,而是似乎一直在尝试应用Grommet。

自定义CSS

customstyle{

    body .wc-app, .wc-app button, .wc-app input, .wc-app textarea {
        font-family: 'Segoe UI', sans-serif;
        font-size: 15px;
    }
...
};

这是我的应用程序。js公司

import webchatstyles from '../app/custom.scss';
...
 render() {
    return (
      <App centered={false}>
        <Article>
            <Split flex='right'>
              <Section>
                <Box margin='none' pad='none'>
                  <Chat className={webchatstyles.customstyle} directLine={{secret: 'GUID.Is.Here'}} user={{id:'test', name: 'test'}}/>
                </Box>
...