Fix: widget styling affects entire page (#375)

* remove styles for headings * apply heading styles only for shadow dom
everydotorg · Dec 6, 2023 · 91a4c23 · 91a4c23 · vercel · Dec 6, 2023
1 parent 9928400
commit 91a4c23
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 13 deletions.
diff --git a/packages/donate-button-v4/src/components/widget/components/WidgetOverlay/styles.ts b/packages/donate-button-v4/src/components/widget/components/WidgetOverlay/styles.ts
@@ -37,18 +37,5 @@ export const overlayCss = cxs({
 	},
 	'& *:after': {
 		boxSizing: 'inherit'
-	},
-	'h1,h2,h3,h4,h5,h6': {fontWeight: 700},
-
-	h1: {
-		...textSize.xl
-	},
-
-	h2: {
-		...textSize.l
-	},
-
-	'h3,h4,h5,h6': {
-		...textSize.m
 	}
 });
diff --git a/packages/donate-button-v4/src/resetCss.ts b/packages/donate-button-v4/src/resetCss.ts
@@ -49,6 +49,10 @@ const resetcss = `
     color: unset;
     background: unset;
   }
+
+  h1, h2, h3, h4, h4, h6 {
+    font-weight: 700
+  }
 `;
 
 export default resetcss;