Fixed ugly default borders on WordPress table blocks (#2222)

tylersticka · web-flow · commit 9ebea662f956 · 2025-02-05T11:00:33.000-08:00
diff --git a/.changeset/green-windows-march.md b/.changeset/green-windows-march.md
@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': patch
+---
+
+Fixed ugly default borders on WordPress table blocks
diff --git a/src/vendor/wordpress/styles/_core-blocks.scss b/src/vendor/wordpress/styles/_core-blocks.scss
@@ -329,6 +329,9 @@ figure.wp-block-image {
   table td,
   table th {
     @include table.t-container;
+
+    // At some point, WordPress started setting a default border on table cells
+    border-width: 0;
   }
 
   table th {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@cloudfour/patterns': patch
 +---
++
 +Fixed ugly default borders on WordPress table blocks
Original file line number	Diff line number	Diff line change
`@@ -329,6 +329,9 @@ figure.wp-block-image {`
`329`	`329`	`table td,`
`330`	`330`	`table th {`
`331`	`331`	`@include table.t-container;`
	`332`	`+`
	`333`	`+ // At some point, WordPress started setting a default border on table cells`
	`334`	`+ border-width: 0;`
`332`	`335`	`}`
`333`	`336`
`334`	`337`	`table th {`