fix: tailwind preflight style pollution (#989)

web-infra-dev · Apr 22, 2024 · 3e5d442 · 3e5d442
1 parent 7213ec3
commit 3e5d442
Show file tree

Hide file tree

Showing 5 changed files with 399 additions and 1 deletion.
diff --git a/.changeset/serious-ways-kneel.md b/.changeset/serious-ways-kneel.md
@@ -0,0 +1,5 @@
+---
+"@rspress/theme-default": patch
+---
+
+fix: tailwind preflight style pollution
diff --git a/packages/theme-default/src/components/LocalSideBar/index.scss b/packages/theme-default/src/components/LocalSideBar/index.scss
@@ -14,6 +14,7 @@
   background-color: var(--rp-c-bg);
   padding-left: 10px;
   > button {
+    background-color: transparent;
     padding: 12px;
     transition: color 0.5s;
     &:hover {

diff --git a/packages/theme-default/src/components/Nav/index.module.scss b/packages/theme-default/src/components/Nav/index.module.scss
@@ -1,3 +1,7 @@
+:global(.rspress-nav-menu-group-button) {
+  background-color: transparent;
+}
+
 .hidden {
   transform: translate3d(0, calc(-100%), 0);
   background: transparent;

diff --git a/packages/theme-default/src/styles/base.css b/packages/theme-default/src/styles/base.css
@@ -1,7 +1,8 @@
-@tailwind base;
+@import url(./preflight.css);
 @tailwind components;
 @tailwind utilities;
 
+
 *,
 ::before,
 ::after {