Merge pull request #143 from 10up/feature/fix-editor-style-bleed

10up · Jun 24, 2022 · 983fe2b · 983fe2b
2 parents e9d71d9 + eb44bc2
commit 983fe2b
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/themes/10up-theme/assets/css/frontend/base/button.css b/themes/10up-theme/assets/css/frontend/base/button.css
@@ -0,0 +1,11 @@
+/*
+ * Ensure that we are not overriding the editor styles of the
+ * WordPress Components.
+ *
+ * This is a workaround for: https://github.com/WordPress/gutenberg/issues/10178
+ *
+ * using :where to prevent the specificity increase of using :not
+ */
+button:where(:not(.components-button)) {
+
+}
diff --git a/themes/10up-theme/assets/css/frontend/base/index.css b/themes/10up-theme/assets/css/frontend/base/index.css
@@ -1,3 +1,5 @@
 @import url("prefers-reduced-motion.css");
 @import url("wordpress.css");
 @import url("utils.css");
+@import url("button.css");
+@import url("link.css");
diff --git a/themes/10up-theme/assets/css/frontend/base/link.css b/themes/10up-theme/assets/css/frontend/base/link.css
@@ -0,0 +1,11 @@
+/*
+ * Ensure that we are not overriding the editor styles of the
+ * WordPress Components.
+ *
+ * This is a workaround for: https://github.com/WordPress/gutenberg/issues/10178
+ *
+ * using :where to prevent the specificity increase of using :not
+ */
+a:where(:not(.components-external-link)) {
+
+}