remove base css from tailwind

MrWangJustToDo · Jan 3, 2025 · 2ed1399 · 2ed1399
1 parent 84f4229
commit 2ed1399
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 2 deletions.
diff --git a/packages/react/src/tailwind.css b/packages/react/src/tailwind.css
@@ -1,4 +1,3 @@
-@tailwind base;
 @tailwind components;
 @tailwind utilities;
 
@@ -70,10 +69,46 @@ td {
   content-visibility: auto;
 }
 
+.diff-add-widget-wrapper {
+  transform-origin: center;
+  transform: translateX(-50%);
+}
+
+.diff-line-old-content .diff-add-widget-wrapper,
+.diff-line-new-content .diff-add-widget-wrapper {
+  transform: translateX(50%);
+}
+
+.diff-add-widget-wrapper:hover {
+  transform: translateX(-50%) scale(1.1);
+}
+
+.diff-line-old-content .diff-add-widget-wrapper:hover,
+.diff-line-new-content .diff-add-widget-wrapper:hover {
+  transform: translateX(50%) scale(1.1);
+}
+
 .diff-widget-tooltip {
   position: relative;
 }
 
+.diff-add-widget,
+.diff-widget-tooltip {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  text-transform: none;
+  border-width: 0px;
+  background-color: transparent;
+  background-image: none;
+}
+
 .diff-widget-tooltip::after {
   display: none;
   box-sizing: border-box;

diff --git a/packages/vue/src/tailwind.css b/packages/vue/src/tailwind.css
@@ -1,4 +1,3 @@
-@tailwind base;
 @tailwind components;
 @tailwind utilities;
 
@@ -70,10 +69,46 @@ td {
   content-visibility: auto;
 }
 
+.diff-add-widget-wrapper {
+  transform-origin: center;
+  transform: translateX(-50%);
+}
+
+.diff-line-old-content .diff-add-widget-wrapper,
+.diff-line-new-content .diff-add-widget-wrapper {
+  transform: translateX(50%);
+}
+
+.diff-add-widget-wrapper:hover {
+  transform: translateX(-50%) scale(1.1);
+}
+
+.diff-line-old-content .diff-add-widget-wrapper:hover,
+.diff-line-new-content .diff-add-widget-wrapper:hover {
+  transform: translateX(50%) scale(1.1);
+}
+
 .diff-widget-tooltip {
   position: relative;
 }
 
+.diff-add-widget,
+.diff-widget-tooltip {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  text-transform: none;
+  border-width: 0px;
+  background-color: transparent;
+  background-image: none;
+}
+
 .diff-widget-tooltip::after {
   display: none;
   box-sizing: border-box;