Gatsby 盖茨比印刷插件';css被覆盖
我有一个带有TypographyJS(通过Gatsby插件)和Ant Design UI框架的GatsbyJS应用程序。排版插件是在官方文档之后添加的 要使ant design CSS发挥作用,您必须根据文档将ant design CSS导入Gatsby 盖茨比印刷插件';css被覆盖,gatsby,antd,typography,Gatsby,Antd,Typography,我有一个带有TypographyJS(通过Gatsby插件)和Ant Design UI框架的GatsbyJS应用程序。排版插件是在官方文档之后添加的 要使ant design CSS发挥作用,您必须根据文档将ant design CSS导入gatsby browser.js文件中 ant design css覆盖了排版插件样式我想将ant设计样式与字体排版等一起使用。 gatsby-browser.js 排版术.js 您是否找到了问题的解决方案?不幸的是,没有:( /** * Impleme
gatsby browser.js
文件中
ant design css覆盖了排版插件样式我想将ant设计样式与字体排版等一起使用。
gatsby-browser.js
排版术.js
您是否找到了问题的解决方案?不幸的是,没有:(
/**
* Implement Gatsby's Browser APIs in this file.
*
* See: https://www.gatsbyjs.org/docs/browser-apis/
*/
// You can delete this file if you're not using it
import 'antd/dist/antd.css'
import Typography from "typography"
import fairyGateTheme from "typography-theme-fairy-gates"
/**
* Issue:
* Fairy Gates Theme: Messed up text shadow in default starter project header
*
* Solution:
* https://github.com/KyleAMathews/typography.js/issues/155#issuecomment-490715480
*/
fairyGateTheme.overrideThemeStyles = () => ({
a: {
textShadow: `none`,
backgroundImage: `none`,
},
});
const typography = new Typography(fairyGateTheme)
export const { scale, rhythm, options } = typography
export default typography