reactjs Docusaurus和顺风Css

vwhgwdsa 于 2023-01-17 发布在 React

关注(0)|答案(1)|浏览(152)

我用基于this tutorial的TailwindCss设置了Docusaurus，一切正常。
我现在的问题是，一些应用于我的实际文档的样式现在丢失了。标题的样式不正确，它们也没有链接锚功能附加到它。
当我注解掉css中的tailwind导入时，我可以确认这一点

@tailwind base;
@tailwind components;
@tailwind utilities;

docs样式恢复了，并按预期工作。有人知道发生了什么吗？如果不知道，有人知道如何在css导入中“排除”组件吗？也许这些组件导致了一些问题。

reactjs

来源：https://stackoverflow.com/questions/75067324/docusaurus-and-tailwindcss

1条答案

按热度按时间

lyr7nygr1#

我认为这是因为tailwind-css应用了preflight。
Preflight建立在modern-normalize的基础之上，是Tailwind项目的一组基本样式，旨在消除跨浏览器的不一致性，使您更容易在设计系统的约束下工作。当您在CSS中包含@tailwind base时，Tailwind会自动注入这些样式：

module.exports = {
  corePlugins: {
    preflight: false,
  }
}

赞(0）回复(0）举报 2023-01-17

我来回答

reactjs Docusaurus和顺风Css

1条答案

相关问题

热门标签

最新问答